2016-08-04 10 views
0

In this plunk私は、配列から作成された3つのタブを持っています。ボタンをクリックすると、「名前1」という名前のものが選択され、フォーカスされている必要があります。これはどのように達成できますか?角度UIのタブをプログラムで選択するにはどうすればよいですか?

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を

active 属性、以下のように設定する必要はあり
$scope.tabs = [ 
    { title:'Name 0', content: "Content 0" }, 
    { title:'Name 1', content: "Content 1" }, 
    { title:'Name 2', content: "Content 2" } 
    ]; 

答えて

4

:あなたのボタンに続いて

<uib-tabset active="active"> 

を:

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

ここには、フォークされたPlunkerがあります。

関連する問題