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';   //顯示選項卡
        });
     }  
    }
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,841評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,180評論 4 61
  • 第一種: 隱藏全部子頁面的tabs選項界面 找到app.module.ts文件 ,修改如下代碼 第二種:隱藏某個子...
    RainSets閱讀 781評論 0 2
  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,497評論 0 17
  • 近日,論壇中一位網友的發帖引來了無數人淚奔感動。帖子中寫到該網友無意中點進了已故5年多的高中同學的QQ空間,卻發現...
    吾名無雙閱讀 276評論 0 0