Question

我在Ionic 2上使用标签模板。当我到达特定页面/屏幕时，如何更改显示在一组新标签上的标签集？例如：打开应用程序时，屏幕显示一组选项卡（带按钮书，公文包等）。当我单击第一个选项卡（书本按钮）时，将显示一组新的选项卡（带有按钮添加，附加等），替换上一组选项卡。当我回去时，会再次显示原始标签集。

这是包含标签簿和公文包的主页面。 tabs.ts文件

export class TabsPage {

  tab1Root: any = BookPage;
  tab2Root: any = BriefcasePage;

 constructor() {

 }
}

tabs.html

 <ion-tabs>
   <ion-tab [root]="tab1Root" tabTitle="book" tabIcon="book"></ion-tab>
   <ion-tab [root]="tab2Root" tabTitle="briefcase" tabIcon="briefcase"></ion-tab>
</ion-tabs>

现在，当我点击“书籍”标签按钮时，必须显示书籍屏幕并添加新标签按钮。

突片-book.ts

export class TabsBookPage {

 tab1Root: any = AddPage;
 tab2Root: any = AttachPage;

  constructor() {
  }
}

突片-book.html

 <ion-tabs>
   <ion-tab [root]="tab1Root" tabTitle="add" tabIcon="add"></ion-tab>
   <ion-tab [root]="tab2Root" tabTitle="attach" tabIcon="attach"></ion-tab>
</ion-tabs>

我想知道因为TabsPage是父页面。有解决方法吗？

Ionic 2：在特定页面上动态更改选项卡列表

0 个答案: