tabs - 如何在 Ionics 中有条件地隐藏和显示选项卡？

Question

案例如下:我有一个 ion-tabs几个容器ion-tab元素，以及登录我的应用程序的不同用户。我需要做的是显示或隐藏 ion-tab元素取决于记录的用户类型。

我试图只隐藏一个选项卡以检查是否可行，唯一有效的是:

<ion-tab title="..." icon="..." ui-sref="..." class="ng-hide">

问题是我需要动态执行此操作，并且如果我使用像 ng-show="false" 这样的指令或我自己的指令添加 class="ng-hide" ， 这是行不通的。甚至没有封装 ion-tab里面 div并隐藏此 div .

我究竟做错了什么？有人可以帮助我吗？

谢谢

Answer 1

如果你已经在使用ion-tab上的class属性，你可以修改如下？...

<ion-tab title="..." icon="..." ui-sref="..." class="class1 class2 {{myFunctionName()}}">

And in your controller...

$scope.myFunctionName = function(){
    if () {
    // return "ng-show";
    } else {
    // return "ng-hide";
    }
}