一:隱藏所有的子頁面
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';
});
}
}