ionic学习（十四）：隐藏子页面tabs和指定页面的tabs的方法

一：隐藏所有的子页面

app.module.ts文件：

 imports: [
    IonicModule.forRoot(MyApp,{
      tabsHideOnSubPages: 'true'         //隐藏全部子页面tabs
    })
  ]

 

二、利用ionic的生命周期函数隐藏指定页面的tabs

把下面两个函数复制到想要隐藏的页面即可：

//ionic中当页面进入初始化的时候触发的生命周期方法
ionViewDidEnter(){
    let elements = document.querySelectorAll(".tabbar");
    if (elements != null) {
       Object.keys(elements).map((key) => {
          elements[key].style.display = 'none';
       });
    }   
 
}


//ionic当退出页面的时候触发的方法
ionViewWillLeave() {
    let elements = document.querySelectorAll(".tabbar");
    if (elements != null) {
Object.keys(elements).map((key) => {
    elements[key].style.display = 'flex';
});
    }
}