twitter-bootstrap – 如何使用ng-show/ng-hide隐藏Angular Boot

发布时间：2020-12-17 20:45:08 所属栏目：安全来源：网络整理

导读：我使用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

我使用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;
});

此代码无效(第二个选项卡不隐藏).
将属性应用于自定义指令的捕获是什么？

解决方法

tab指令创建一个新的范围,因此需要使用$parent来访问模型.尝试

ng-hide="$parent.hideme"

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!