angularjs – Angular UI – 以编程方式设置活动选项卡
发布时间:2020-12-17 07:18:53 所属栏目:安全 来源:网络整理
导读:我在这段代码中使用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”作为活动. 怎么
我在这段代码中使用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: (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |