微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angularjs – Angular UI – 以编程方式设置活动选项卡

在这代码中使用AngularUI:
<uib-tabset type="pills">
    <uib-tab heading="Tab 1">Tab 1 content</uib-tab>
    <uib-tab heading="Tab 2">Tab 2 content</uib-tab>
</uib-tabset>

我想以编程方式更改角度控制器代码中的当前活动标记.例如,选择选项卡“2”作为活动.

怎么做到这一点?

您需要在ui-tabset上使用active属性.
然后,您需要在每个选项卡上都有索引才能从外部上下文中工作.
<uib-tabset type="pills" active="active">
    <uib-tab heading="Tab 1" index="0">Tab 1 content</uib-tab>
    <uib-tab heading="Tab 2" index="1">Tab 2 content</uib-tab>
</uib-tabset>

看到这个工作plnkr:
Working Plnkr

原文地址:https://www.jb51.cc/angularjs/141595.html

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

相关推荐