ionic2 中隱藏子頁面tabs選項卡的三種方法

博主送福利了，微信掃碼有驚喜。超值紅包等着你。。么么噠

 

言歸正轉

第一種： 隱藏全部子頁面的tabs選項界面

　　找到app.module.ts文件 ，修改如下代碼

imports: [
    IonicModule.forRoot(MyApp,{
      tabsHideOnSubPages: 'true'         //隱藏全部子頁面tabs
    })
  ],

 

第二種：隱藏某個子頁面的tabs ;   缺點：當子頁面使用pop()方法退出時，父頁面的任何事件都不響應。

import { App } from 'ionic-angular';           //1.引入App類

constructor(private app:App) {}                 //2.聲明初始化app對象

this.app.getRootNav().push(nextPage);       //3.調用this.app.getRootNav() 從根頁面跳轉就可以了

　　

第三種：隱藏某個子頁面的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';
            });
        }
    }    

　　我只能幫你們到這里了，各取所需吧！