Question

我的应用程序底部有这些标签

<ion-tabs>
    <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
    <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="cloud-upload"></ion-tab>
    <ion-tab [root]="tab3Root" tabTitle="Contact" tabIcon="contacts"> . </ion-tab>
</ion-tabs>

这有效，如果我单击“关于”选项卡，它将导航到该页面并在我单击的页脚中突出显示该选项卡。

但是现在我想在我的Home组件中有一个按钮，该按钮可以激活（移至）“ About”（关于）选项卡，方法与我上面所述相同。起初，这似乎很简单，类似

gotoAbout(): void {
    this.navCtrl.push(AboutPage)
    // or this.navCtrl.setRoot(AboutPage)
}

this.navCtrl.push在页眉中创建一个后退按钮，这不是我想要的，我不需要堆栈，我只想转到另一个选项卡。

因此this.navCtrl.setRoot(AboutPage)似乎工作得更好，但是它们都没有突出显示页脚中的标签。我该如何实现？

如何以编程方式移动到其他ion-tab

0 个答案: