重定向到下一页时如何避免页脚上的Tabs

Question

我有一个标签布局，这是我的页面。点击我导航到下一个'this.navCtrl.push（NextPage）;`。

的任何项目

但问题出现在我的第二页上，我也会看到这个标签。导航完成后，我不再需要第二页中的标签。

  

如何避免第二页中的标签页脚。

Answer 1

从Ionic 2.0.0-rc.1开始，您可以设置在使用config属性tabsHideOnSubPages在应用程序的配置对象中输入子页面时隐藏选项卡。您可以找到更多信息here。

  

tabsHideOnSubPages （布尔值）：是否隐藏子页面上的选项卡   或不。如果为true，则不会显示子页面上的选项卡。

您需要在NgModule内的IonicModule.forRoot(...)方法中包含配置对象，如下所示：

import { IonicApp, IonicModule } from 'ionic-angular';

@NgModule({
  declarations: [ MyApp ],
  imports: [
    IonicModule.forRoot(MyApp, {
      // Configs for your app
      tabsHideOnSubPages: true
      // ...
    }, {}
  )],
  bootstrap: [IonicApp],
  entryComponents: [ MyApp ],
  providers: []
})

Answer 2

最简单的方法是使用css切换标签栏可见性，因为标签实际上是包含嵌套视图的组件。

因此，您最好检测所选页面并切换tabbar显示。您可以按selectedIndex跟踪所选页面，也可以根据需要添加课程。