如何在ionic2中隐藏选项卡

Question

是否可以删除离子2中的选项卡，我的主要组件如下

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

如果我给它错误说

无法绑定到"显示"，因为它不是"离子标签"的已知属性

Answer 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';
}
}

Answer 2

在离子 3 中，尝试

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