Ionic 2 - 隐藏子页面上的标签答案

【问题标题】：Ionic 2 - Hide tabs on sub-pagesIonic 2 - 隐藏子页面上的标签
【发布时间】：2017-02-22 16:56:56
【问题描述】：

我的 ionicbootstrap 配置中有：

{
   mode: 'md',
   tabsHideOnSubPages: true
}

在我的设置中，但在某些子页面上显示了选项卡。这似乎是一种随机行为。这是正确的做法吗？

离子：2.0.0@beta.11

谢谢阿图尔

编辑：

我正在使用此修复程序使标签消失：

ionViewWillEnter() {
    let tabs = document.querySelectorAll('.show-tabbar');
    if (tabs !== null) {
        Object.keys(tabs).map((key) => {
            tabs[key].style.transform = 'translateY(56px)';
        });
    } // end if
}

ionViewDidLeave() {
    let tabs = document.querySelectorAll('.show-tabbar');
    if (tabs !== null) {
        Object.keys(tabs).map((key) => {
            tabs[key].style.transform = 'translateY(0)';
        });
    } // end if
}

但必须是一个糟糕的方式。有什么简单的方法吗？

【问题讨论】：

你有没有解决这个问题？我想阻止我的标签隐藏在子页面上。谢谢。
编辑了问题并进行了修复，但仍在寻找更好的解决方案...您使用的是哪个版本的 Ionic @rashadb？
我使用的是 Ionic2.2.1。我遇到了相反的问题。我不知道这是否会有所帮助，但您可以在此处查看解决方案：stackoverflow.com/questions/41841654/…

标签： javascript typescript ionic-framework ionic2

【解决方案1】：

2017 年答案

基于Ionic docs，您只需将tabsHideOnSubPages: true 添加到您的应用Ionic 配置中，如下所示：

app.module.ts

imports: [
  BrowserModule,
  IonicModule.forRoot(AppComponent, {
    tabsHideOnSubPages: true
  })
]

【讨论】：