使标签像拨动开关一样

时间:2018-08-19 09:49:44

标签: angular ionic-framework ionic3

我想要一个带有2个标签页的离子应用程序:(a)当前(b)旧的

但是,这两个页面的内容非常相似-从Firebase获取一些数据,其中(a)页上显示的所有数据都不会显示在(b)页上,反之亦然。因此,这些标签的作用就像确定显示哪些数据的切换一样。

我如何不复制用于从Firebase获取数据并选择在CurrentOld的两个页面之间显示哪个代码的所有代码?

我在想,如果两个选项卡页可以共享.ts文件(其中包含要显示的项目数组),然后共享一个变量boolean tabA,以便跟踪哪个选项卡处于打开状态。

还是有一个更简单的解决方案,例如如何获取所选标签,然后使用该标签来更改页面内容?

请指导我做什么是最好的

1 个答案:

答案 0 :(得分:-1)

我想到了您遇到的两个好的解决方案。

1)提供一个具有这些功能的服务,并将其注入每个组件的.ts文件中,这将使代码小得多。

2)或与您所说的相近,将两者都作为一个组件,并创建一个布尔变量来确定它是哪一个,并让某些.html代码位于或* ngIf中,并带有此布尔变量的条件。