角度UI - 私はこのコードを使用してプログラムAngularUI

Question

設定アクティブなタブ：

<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> 

私はプログラム的に私の角度コントローラコードから現在のアクティブタグを変更したいです。たとえば、タブ2を選択してアクティブにします。

これはどのように行うことができますか？

Answer 1

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