隱藏全部子頁面:
在app.module.ts中修改如下代碼:
imports: [
IonicModule.forRoot(MyApp,{
tabsHideOnSubPages:'true' //隱藏全部子頁面
}),
],
隱藏某個頁面:
當進入頁面時隱藏tabs選項卡,代碼如下:
constructor(public navCtrl: NavController, public navParams: NavParams) {
let elem = document.querySelectorAll(".tabbar"); //獲取選項卡對象
if(elem != null) {
Object.keys(elem).map((key) => {
elem[key].style.display ='none'; //隱藏選項卡
});
}
}
離開頁面時顯示tabs選項卡,代碼如下:
ionViewWillLeave() { //ionViewWillLeave離開頁面時觸發的函數
let elem = document.querySelectorAll(".tabbar"); //獲取選項卡對象
if(elem != null) {
Object.keys(elem).map((key) => {
elem[key].style.display ='flex'; //顯示選項卡
});
}
}