如何以编程方式 select Angular UI 上的选项卡？

Question

In this plunk 我有三个从数组创建的选项卡。当我点击按钮时，我需要选择名为 "Name 1" 的按钮并获得焦点。如何实现？

HTML

<uib-tabset>
   <uib-tab ng-repeat="t in tabs" heading="{{t.title}}" >
     {{t.content}}
   </uib-tab>
</uib-tabset>


<br/><br/><br/>
<button ng-click="tabs.select(1)">Focus on Name 1</button>

Javascript

  $scope.tabs = [
    { title:'Name 0', content: "Content 0" },
    { title:'Name 1', content: "Content 1" },
    { title:'Name 2', content: "Content 2" }
  ];

Answer 1

您必须设置 active 属性，如下所示：

<uib-tabset active="active">

然后在你的按钮中：

<button ng-click="active = 1">Focus on Name 1</button>

这是分叉的 Plunker。

如何以编程方式 select Angular UI 上的选项卡？

How to select a tab on Angular UI programmatically?

angularjs

angular-ui