我正在开发ionic 2应用程序，并且在我的应用程序中有多个选项卡。单击底部的标签菜单图标时，我需要隐藏顶部的标签。
我要寻找的是，单击底部的选项卡菜单应用程序图标，上面的选项卡需要隐藏。
在angularjs中，我可以使用隐藏该字段，ng-hide但是我不知道如何在ionic 2中将该字段隐藏。
点击时 tab menu apps icon：
<ion-tabs tabs-only>
<ion-tab tabIcon="apps" [root]="tab3Root"></ion-tab>
</ion-tabs>
上面的标签需要隐藏
<ion-tabs tabs-only2 tabbar>
<ion-tab [root]="tab1Root" tabTitle="Tab 1" tabIcon="pulse"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Tab 2" tabIcon="pulse"></ion-tab>
</ion-tabs>
我的多个标签元素：
<ion-tabs tabs-only>
<ion-tab tabIcon="apps" [root]="tab3Root"></ion-tab>
</ion-tabs>
<ion-tabs tabs-only2 tabbar>
<ion-tab [root]="tab1Root" tabTitle="Tab 1" tabIcon="pulse"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Tab 2" tabIcon="pulse"></ion-tab>
</ion-tabs>
如果您有解决方案，请更新插头。
Ionic2使用的是Angular2，您可以使用[hidden]绑定基于对任何所需元素的单击绑定来隐藏。但是请记住，离子标签也是标签页的容器，而不仅仅是某些菜单。隐藏它会隐藏当前的标签页。
检查plunkr
<ion-tabs tabs-only (click)="x()" >
<ion-tab tabIcon="apps" [root]="tab3Root"></ion-tab>
</ion-tabs>
<ion-tabs tabs-only2 tabbar (click)="x()" [hidden]="hideTopTab" >
<ion-tab [root]="tab1Root" tabTitle="Tab 1" tabIcon="pulse"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Tab 2" tabIcon="pulse"></ion-tab>
</ion-tabs>
和
hideTopTab:boolean=false;
x(){
this.hideTopTab = true;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句