我想要一个带有2个标签页的离子应用程序:(a)当前(b)旧的
但是,这两个页面的内容非常相似-从Firebase获取一些数据,其中(a)页上显示的所有数据都不会显示在(b)页上,反之亦然。因此,这些标签的作用就像确定显示哪些数据的切换一样。
我如何不复制用于从Firebase获取数据并选择在Current
和Old
的两个页面之间显示哪个代码的所有代码?
我在想,如果两个选项卡页可以共享.ts文件(其中包含要显示的项目数组),然后共享一个变量boolean tabA
,以便跟踪哪个选项卡处于打开状态。
还是有一个更简单的解决方案,例如如何获取所选标签,然后使用该标签来更改页面内容?
请指导我做什么是最好的
答案 0 :(得分:-1)
我想到了您遇到的两个好的解决方案。
1)提供一个具有这些功能的服务,并将其注入每个组件的.ts文件中,这将使代码小得多。
2)或与您所说的相近,将两者都作为一个组件,并创建一个布尔变量来确定它是哪一个,并让某些.html代码位于或* ngIf中,并带有此布尔变量的条件。