如何隐藏ionic2中的标签

时间:2017-08-01 10:05:37

标签: angularjs ionic2

是否可以删除离子2中的标签,我的主要组件如下

<ion-tabs>
    <ion-tab [root]="tab1Root" tabTitle="Dash"> </ion-tab>
</ion-tab>

如果我给它它会给出错误说

无法绑定到'show',因为它不是'ion-tabs'

的已知属性

2 个答案:

答案 0 :(得分:1)

我能够成功隐藏特定页面上的标签栏。

首先给组件一个id:

然后像这样处理显示/隐藏:

{
    templateUrl: '...',
})
export class PageWithoutTabBar
{

    constructor()
    {

        this.tabBarElement = document.querySelector('#tabs ion-tabbar-section');

    }

    ionViewDidEnter()
    {

this.tabBarElement.style.display = 'none';

    }

    ionViewWillLeave()
    {

        this.tabBarElement.style.display = 'block';

    }

}

答案 1 :(得分:1)

在离子3中,尝试

<ion-tab [root]="tab2Root" tabTitle="Tab 2" tabIcon="contacts" show=false></ion-tab >