Aktive Eigenschaft im Tabset funktioniert nicht richtig

Question

Standardmäßig ist die aktive Eigenschaft von tabset leer (null) und wenn wir ihre Eigenschaft auf true setzen, wird sie automatisch umgeschaltet. Aber wenn wir es wieder auf null setzen und dann wieder auf true setzen, wird es nicht geschaltet. Ich habe sogar den aktiven Wert in einem <p> Tag angezeigt.

<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

Möglicherweise haben Sie eine alte Version von Tabset. Wie in der documentation beschrieben, ist das active Attribut auf dem uib-tabset Element. Z.B.

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

Sehen Sie diese plunker mit Ihrem Beispiel.

Answer 2

Schauen Sie sich dieses plunkr

Das active Attribut sollte die tabset Richtlinie hinzugefügt werden. Sein Wert sollte der Index der anzuzeigenden Registerkarte sein. Weitere Informationen finden Sie unter Angular UI Bootstrap - Tabs