Ionic framework 一个项目中的每个页面都有3个选项卡

Ionic framework 一个项目中的每个页面都有3个选项卡,ionic-framework,ionic2,ionic3,Ionic Framework,Ionic2,Ionic3,我正在使用Ionic3开发我的混合应用程序。现在我遇到了一个问题,因为在我的项目中,我想修复每个页面的选项卡,因为我引用了许多站点 但不幸的是,我找不到解决此问题的任何方法。请尝试以下方法: <ion-tabs> <ion-tab [root]="tab1Root" tabTitle="Page1" tabsHideOnSubPages="false"></ion-tab> <ion-tab [root]="tab2Root" tabTitl

我正在使用Ionic3开发我的混合应用程序。现在我遇到了一个问题,因为在我的项目中,我想修复每个页面的选项卡,因为我引用了许多站点

但不幸的是,我找不到解决此问题的任何方法。

请尝试以下方法:

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="Page1" tabsHideOnSubPages="false"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Page2" tabsHideOnSubPages="false"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Page3" tabsHideOnSubPages="false"></ion-tab>
</ion-tabs>


您是如何浏览页面、设置根目录还是推送目录?正如@PradnyaSinalkar可能也暗示的那样,
选项卡是导航堆栈的根目录。因此,当您调用
navCtrl.setRoot(SomePage)
时,您的选项卡将丢失。如果使用
navCtrl.push(SomePage)
将页面添加到导航堆栈中,并保留选项卡。(另外,当您想在页面上保留选项卡时,使用
.setRoot
也没有意义)您可以尝试使用tabsHideOnSubPages选项进行选项卡配置。您的app.module.ts中是否设置了该选项?有关解决方案,请参阅ionicframework.com/docs/api/config/configThank。我正试图像你一样解决这个问题said@PradnyaSinalkar正如你所说,我在app.module.ts中包含了“IonicModule.forRoot(MyApp,{tabsHideOnSubPages:true})”,但它不起作用。谢谢,@Pradnya我尝试了你的代码,但它不起作用。我通过使用页脚而不是制表符实现了它,它工作正常!所以页脚是实现这一目标的唯一途径!