离子2 - 隐藏子页面上的标签

时间:2016-10-13 14:01:15

标签: javascript typescript ionic-framework ionic2

我在我的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
}

但必须是一个糟糕的方式。这样做的简单方法是什么?

1 个答案:

答案 0 :(得分:6)

2017答案

根据Ionic docs,您只需将tabsHideOnSubPages: true添加到您的应用Ionic配置中就像这样:

app.module.ts

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