Question

我在离子应用程序中使用了ion-tabs。在这里，我无法获得我在第一次点击时为标签设置的根页面。

我的代码更改为

<ion-tabs [selectedIndex]="mySelectedIndex" color="footerbar" class="bottomenu">
    <ion-tab tabIcon="ios-home" [root]="home"></ion-tab>
    <ion-tab tabIcon="ios-albums" (ionSelect)="showOrHideTabs()" 
        [root]="store"></ion-tab>
    <ion-tab tabIcon="ios-person" [root]="user"></ion-tab>
    <ion-tab tabIcon="ios-settings" [root]="settings"></ion-tab>
</ion-tabs>

组件是，

constructor(public navCtrl: NavController, public navParams: NavParams, public app: App) {
        this.mySelectedIndex = navParams.data.tabIndex || 0;
        this.home = 'HomePage';
        this.store = 'StoreTabsPage';
        this.user = 'MyInfoViewPage';
        this.settings = 'SettingsPage';
    }

我有以下页面

主页
- 程序创建页面
商店信息页
我的信息页
设置页面

说，我要从主页导航页面到程序创建（子页面）（离子标签）然后我将选项卡切换到商店信息页面（离子标签）。这时，如果我回到主页意味着，单独显示程序创建页面并且不显示主页。

Answer 1

您可以使用离子生命周期钩子来pop()页面。

您可以在program-create.ts

中执行此类操作

ionViewWillLeave(){
 this.navCtrl.pop();
}

我建议您使用ModalController推送ProgramCreatePage而不是使用navCtrl

Answer 2

在ionViewWillLeave（）的每个子页面上使用this.navCtrl.popToRoot（）函数。你可以在这里找到更多相关信息。 https://ionicframework.com/docs/api/navigation/NavController/

Ionic 2 - 如何在切换标签

2 个答案: