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

标签 angularjs angular-ui-bootstrap angular-ui angular-ui-tabset

我将 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”作为事件。

如何做到这一点?

最佳答案

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

关于angularjs - Angular UI - 以编程方式设置事件选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39314620/

相关文章:

javascript - AngularJS minError 未捕获对象

angularjs - ng-table 在排序时将页面重置为 1

javascript - 在 ng-repeat AngularJS 中更改点击元素的工具提示

javascript - 将值从 uib-accordion 范围传递到父范围

javascript - 为什么 Angular UI 按钮在 Chrome 中的焦点边框与在 IE 中的焦点边框不同?

javascript - 在 Angular-UI 日历/全日历中禁用事件大小调整

javascript - 如何转换URL格式中的特殊字符

javascript - Angular uib-typeahead 无法正常工作

javascript - Angular ng-repeat 错误

angularjs - 如何解析 Angular 指令中的文件?