1. 程式人生 > >ionic隱藏子頁面tabs和指定頁面的tabs的方法

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';
});
    }
}