タブセットのアクティブなプロパティが正しく動作しない

Question

デフォルトでは、tabsetのアクティブなプロパティは空白（null）で、プロパティをtrueに設定すると自動的に切り替わります。しかし、nullに再度設定した後、再度trueに設定すると、切り替えられません。私は<p>タグに有効値を表示しました。

<pre>{{state_tab}}</pre> 
<div class="ui-tab-container"> 
    <tabset> 
     <tab heading="Region Wise" index="0" active="region_wise" ng-click="regionClicked()" style="border: 1px solid #e9e9e9;"> 
     </tab > 
     <tab heading="Branch Wise" index="1" style="border: 1px solid #e9e9e9;" active="state_tab"> 
     </tab> 
     <tab heading="City Wise" index="2" style="border: 1px solid #e9e9e9;" active="city_tab"> 
     </tab> 
     <tab heading="Counter Wise" index="3" style="border: 1px solid #e9e9e9;" active="counter_tab"> 
     </tab> 
    </tabset> 
    <p>I am changing the value of state_tab to "" on the click of region tab</p> 
</div> 

Answer 1

古いバージョンのタブセットがあるかもしれません。 documentationに記載されているように、active属性はuib-tabset要素にあります。例えば。

<uib-tabset active="currentTabIndex"> 
    <uib-tab heading="Region Wise" index="0" classes="my-tab">Region content</uib-tab> 
    <!-- other tabs here --> 
</uib-tabset> 

この例では、plunkerを参照してください。

Answer 2

active属性がtabsetディレクティブに追加する必要があり、このplunkr

をチェックしてください。その値は、表示するタブのインデックスでなければなりません。詳細は、チェックアウトAngular UI Bootstrap - Tabs