通过angularJS中的方法将静态uib-tab设置为active

时间:2016-10-28 20:25:00

标签: angularjs tabs

我正在尝试在项目中使用uib-tabset作为选项卡。一切都运行良好,但我试图找出如何通过angularJS编码中的方法设置选项卡的活动状态。

<uib-tabset active="active">
<uib-tab index="0">
 <div>Some Con</div>
</uib-tab>
<uib-tab index="2">
 <div>Some Con</div>
</uib-tab>
<uib-tab index="3">
 <div>Some Con</div>
</uib-tab>

有没有办法访问活动属性?我知道我忘记了一些事情,但此刻却想不起来。任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:1)

请参阅此示例:http://jsbin.com/xugavim/edit?html,js,output

您只需设置传递变量的活动属性即可。 然后修改变量以更改活动选项卡,就像我使用此按钮(ng-click):

<button type="button" class="btn btn-default btn-sm" ng-click="active = 1">Select second tab</button>

您可以在原始文档中看到相同的示例和更多选项:https://angular-ui.github.io/bootstrap/#/tabs