Angularjs 如何使用ng show在Angular Boostrap UI中隐藏选项卡？

我正在尝试使用angular bootstrap UI和ng show显示选项卡。它根本不起作用

<tabs ng-model="currentTab">
    <pane heading="Triggers" active="panes['triggers'].active" ng-show="condition">

    </pane>
    <pane heading="Recipients" active="panes['recipients'].active">
</tabs>

---

你知道如何按需隐藏它吗？

如果你想隐藏/显示一个组件，只需为你的切换创建一个指令，在点击时切换选项卡CSS类。类似于

.directive('tabToggle', function() {

return function (scope, element, attrs) {

    element.on('click', function(e){

        $('.myTabComponent').toggleClass('hide', 'show');

    });
};

---

})

如果您不介意在控制器中而不是在标记中定义选项卡和选项卡内容，那么最简单的方法可能是在窗格元素上重复ng

然后，您可以在控制器中维护选项卡数组，根据需要在数组中添加和删除选项卡。这种方法增加了自身的限制，但效果相当不错

请参阅以获取粗略的示例

---

这源于动态选项卡的文档示例。

这种转换似乎阻止了这种工作。ng类同样失败。最后，我修改了源以允许将“hidden”属性传递到pane指令。内容将使用ng include包含？是的，在plunk中，我指定了要ng include的模板以及控制器。它们附加到pane指令的子元素，而不是窗格本身。