Question

在我的应用程序中，我有两个页面，并且每个页面上都需要实现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; 另一页的代码相同：

首次URL： http://localhost:8100/#/ewt-tabs/summary/ewt-summary

切换到另一页时：

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

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

（当我单击选项卡时，工作正常）

请帮助，如果需要进一步说明，请告诉我。

切换页面时，离子选项卡导航无法正常工作

0 个答案: