ionic隱藏子頁面tabs和指定頁面的tabs的方法
阿新 • • 發佈:2018-11-22
一:隱藏所有的子頁面
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'; }); } }