首页 / JAVASCRIPT / javascript – 在具有静态内容的angularjs引导选项卡上激活

javascript – 在具有静态内容的angularjs引导选项卡上激活

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在具有静态内容的angularjs引导选项卡上激活，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含896字，纯文字阅读大概需要2分钟。

内容图文

我正在使用Angular Bootstrap UI来显示带有静态内容的tabset.

我对此感到沮丧,因为UI Bootstrap选项卡文档仅显示通过绑定ng-repeat创建的选项卡的导航.

    <uib-tabset>
        <uib-tab heading="Basic Details">
            <div role=" tabpanel" class="tab-pane active" id="basicDetails">
            tab1
            <button class="btn btn-success" ng-click="$parent.tabs[1].select()">Go to Tab 3</button>
            </div>
        </uib-tab>
        <uib-tab heading="Basic Details">
            <div role=" tabpanel" class="tab-pane active" id="basicDetails">
            tab2
            </div>
        </uib-tab>
    </uib-tabset>

我发现有些东西听到Stackoverflow,但这不适用于当前版本的Angular Bootstrap UI ..

Plunker

解决方法:

要将选项卡设置为活动,您需要在范围上将布尔标志设置为“true”,并将其与给定选项卡的活动属性相关联.这看起来像

<uib-tabset>
    <uib-tab heading="Basic Details" active="tabOneActive">
        tab1
    </uib-tab>
    <uib-tab heading="Other Details" active="tabTwoActive">
       tab2
    </uib-tab>
</uib-tabset>

当tabOneActive设置为true时,将显示第一个选项卡

内容总结

以上是互联网集市为您收集整理的javascript – 在具有静态内容的angularjs引导选项卡上激活全部内容，希望文章能够帮你解决javascript – 在具有静态内容的angularjs引导选项卡上激活所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/823963.html

来源：【匿名】