2

在我的应用程序中，我有两个页面，在每个页面上，我需要实现 ion-tabs。我的问题是当我切换页面时选项卡路由无法正常工作。它正在显示我的旧页面中选择的最后一个选项卡。请看：

应用组件代码：

 this.pages = [
            { title: 'Ewt', component: 'EwtTabsPage' },
            { title: 'FLBP', component: 'FlbpTabsPage' },
]

this.nav.setRoot(page.component);

第 1 页标签 html 代码：

<ion-tabs #flbpTabs [selectedIndex]="selectedTab" tabsPlacement="top" (ionChange)="onTabsChange()">
  <!-- Indicates with tabsPage should handle each tab here -->
  <ion-tab [root]="tab1Root" tabTitle="Summary"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="MTD"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Monthly"></ion-tab>
</ion-tabs>

第 1 页 ts 代码

@ViewChild('flbpTabs') tabRef: any; 与另一页相同的代码：

第一次网址： http://localhost:8100/#/ewt-tabs/summary/ewt-summary

在切换到另一个页面时：

http://localhost:8100/#/flbp-tabs/summary/ewt-summary

但它应该是 http://localhost:8100/#/flbp-tabs/summary/flbp-summary

（当我点击标签时正常工作）

请帮助并让我知道是否需要更多说明。

4

0 回答 0