单击选项卡有时会显示错误的页面
单击选项卡有时会显示错误的页面
提问于 2018-07-23 10:36:54
我有一个Ionic 3项目。我使用的是延迟加载导航。
有时，当我点击标签导航中的一个标签时，会发生一件奇怪的事情。
它不是转到根选项卡页面，而是转到前一个历史记录中的另一个页面。换句话说，如果我转到“联系人”的子页面，然后单击“个人资料”选项卡，然后单击“联系人”选项卡。它显示的不是主“联系人”页面，而是我之前打开的“联系人”子页面。
下面是该控件的外观：
import { Component } from '@angular/core';
import { IonicPage } from 'ionic-angular';
@IonicPage()
@Component({
templateUrl: 'tabs.html'
})
export class TabsPage {
tab1Root = 'ContactsPage';
tab2Root = 'AlertsPage';
tab3Root = 'SharePage';
tab4Root = 'ProfilePage';
tab5Root = 'SettingsPage'
constructor() {
}
}她是html的样子：
<ion-tabs>
<ion-tab [root]="tab1Root" tabTitle="Contacts" tabIcon="ai-icon_contacts" class="theTab"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Alerts" tabIcon="ai-icon_alerts"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="Share" tabIcon="ai-icon_share"></ion-tab>
<ion-tab [root]="tab4Root" tabTitle="Profile" tabIcon="ai-icon_profile"></ion-tab>
<ion-tab [root]="tab5Root" tabTitle="Settings" tabIcon="ai-icon_settings"></ion-tab>
</ion-tabs>如何确保当我单击其中一个选项卡时，我将转到该选项卡并设置该选项卡的根页面？
谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-23 13:26:58
这是默认设置。这意味着这就是选项卡和导航的工作原理。阅读docs。
如果要在每次选择选项卡时都查看选项卡的根，请执行以下操作：
在你的tabs.html中
<ion-tabs (ionChange)="tabChange($event)">
...
<ion-tabs>在你的tabs.ts中
tabChange(ev){
ev.setRoot(ev.root);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51470969
复制相关文章
相似问题
腾讯云开发者
