ionic2 中隐藏子页面tabs选项卡的三种方法

- Ionic2 - 394 阅 Hot

第一种: 隐藏全部子页面的tabs选项界面

  找到app.module.ts文件 ,修改如下代码

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

 

第二种:隐藏某个子页面的tabs ;   缺点:当子页面使用pop()方法退出时,父页面的任何事件都不响应。

1
2
3
4
5
import { App } from 'ionic-angular';           //1.引入App类
 
constructor(private app:App) {}                 //2.声明初始化app对象
 
this.app.getRootNav().push(nextPage);       //3.调用this.app.getRootNav() 从根页面跳转就可以了

  

第三种:隐藏某个子页面的tabs;   缺点:暂无

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//当页面进入初始化的时候
    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';
        });
    }
}   

  我只能帮你们到这里了,各取所需吧!


0 +1

文章来源 " zsl 整理 "

原文地址 " http://www.zsl123.cn/index/info/index/id/33.html "