ionic2 中隐藏子页面tabs选项卡

隐藏全部子页面:

在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';   //显示选项卡
        });
     }  
    }

你可能感兴趣的:(ionic2 中隐藏子页面tabs选项卡)