Ionic 2-如何在切换标签页时取回所选标签页的根导航页面

Question

我已经在离子应用程序中使用了离子标签。 在这里，我无法获得在第一次单击时为选项卡设置的根页面。

我的代码更改是

<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';
    }

我有以下页面

1. 主页
   • 程序创建页面
2. 商店信息页面
3. 我的信息页
4. 设定页面

说，我要从首页（ion-tab）导航页面到程序创建（子页面），然后将选项卡切换为存储信息页面（ion-tab）。 此时，如果我返回首页，则表示仅显示程序创建页面，而未显示主页。

Answer 1

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

您可以在program-create.ts执行类似program-create.ts

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

我会建议你使用ModalController推ProgramCreatePage比使用navCtrl

Answer 2

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