angularjs - Angular UI - 以编程方式设置事件选项卡

Question

我将 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>

我想从我的 Angular Controller 代码中以编程方式更改当前事件标签。例如，选择标签“2”作为事件。

如何做到这一点？

Answer 1

您需要使用 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