我正在使用Angular Bootstrap UI来显示选项卡集。我包含的脚本是ui-bootstrap-tpls-0.6.0.min.js和一些模板html文件。
这是我的标记:
<tabset>
<tab ng-hide="!hideme">
<tab-heading>
tab1
</tab-heading>
<div>
tab content 1
</div>
</tab>
<tab ng-hide="hideme">
<tab-heading>
tab2
</tab-heading>
<div>
tab content 2
</div>
</tab>
</tabset>
这是我的控制器
function myController($scope) {
$scope.hideme = true;
});
该代码不起作用(第二个选项卡不隐藏)。将ng属性应用于自定义指令有什么收获?
该tab
指令创建了一个新的作用域,因此需要使用它$parent
来访问模型。尝试
ng-hide="$parent.hideme"
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句