第一種: 隱藏全部子頁面的tabs選項界面
找到app.module.ts文件 宗侦,修改如下代碼
imports: [
IonicModule.forRoot(MyApp,{
tabsHideOnSubPages: 'true' //隱藏全部子頁面tabs
})
]
第二種:隱藏某個子頁面的tabs ; 缺點:當子頁面使用pop()方法退出時日川,父頁面的任何事件都不響應(yīng)放钦。
import { App } from 'ionic-angular'; //1.引入App類
constructor(private app:App) {} //2.聲明初始化app對象
this.app.getRootNav().push(nextPage); //3.調(diào)用this.app.getRootNav() 從根頁面跳轉(zhuǎn)就可以了
第三種:隱藏某個子頁面的tabs; 缺點:暫無
//當頁面進入初始化的時候
let elements = document.querySelectorAll(".tabbar");
if (elements != null) {
Object.keys(elements).map((key) => {
elements[key].style.display = 'none';
});
}
//當退出頁面的時候
ionViewWillLeave() {
let elements = document.querySelectorAll(".tabbar");
if (elements != null) {
Object.keys(elements).map((key) => {
elements[key].style.display = 'flex';
});
}
}