Angular bootstrap tab-ng if-bug

Question

Bei Verwendung von ng-if auf einer Registerkarte, wenn diese Anweisung den Wert true zurückgibt, wird die zweite Registerkarte anstelle der ersten aktiviert.

ich fühle mich wie ich versuchte alles, aber ohne Glück.

hier ist ein Beispiel für das Problem:

http://plnkr.co/edit/Hpif920RrB6nS4AB4Mwj?p=preview

Ich hoffe, dass einige von euch vielleicht in der Lage sein, mir zu helfen!

Answer 1

versuchen Sie verwenden aktives Attribut. wie dieser

<tabset> 
    <tab heading="Static title" active="aaa == true" >Static content</tab> 
    <tab heading="tab2">Content 2</tab> 
</tabset> 

Answer 2

nicht wirklich ein Fehler, es sieht aus wie <tabset> den Umfang verändert, deshalb aaa zu je nachdem, welchen Controller <tabset> geschaffen beziehen würde. Wenden Sie sich an Ihre eigenen Controller, TabsDemoCtrl.aaa

<tabset> 
    <tab heading="Static title" ng-if="TabsDemoCtrl.aaa == true">Static content</tab> 
    <tab heading="tab2">Content 2</tab> 
</tabset> 

EDIT: Wenn Sie Ihre DOM-Elemente überprüfen, können Sie tatsächlich sehen <tabset> einen isolierten Umfang verwendet: tabbable ng-isolate-scope

Answer 3

<tabset> 
    <tab heading="Static title" active="aaa == true" ng-if="aaa=== true">Static content</tab> 
    <tab heading="tab2">Content 2</tab> 
</tabset> 

Die

Answer 4

arbeiten sollte diese ist, weil der Wert innerhalb von aaa wahr ist, daher zeigt er statischen Titel an, aber Sie haben keinen Code für die Aktivierung hinzugefügt, so dass er nicht aktiviert ist. Änderungscode von

<tab heading="Static title" ng-if="aaa" active="aaa">Static content</tab>