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

Question

In this plunk我有三个从数组创建的选项卡。当我点击按钮时，我需要选择名为“名称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。