角起動ストラップタブng-ifバグ

Question

もしそのステートメントがtrueを返すなら、ng-ifをタブで使用すると、2番目のタブは最初のタブの代わりにアクティブになります。

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

私は幸運を除いてすべてを試したと感じます。ここ

は、問題の例である：

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

私はあなたのいくつかは私を助けることができるかもしれませんね！

Answer 1

アクティブな属性を使用してください。この

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

Answer 2

そうでもないバグのように、それゆえaaaが作成した方のコントローラ<tabset>を参照することになり、<tabset>のようにスコープを変更して見えます。独自のコントローラを参照してください、TabsDemoCtrl.aaa

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

はEDIT：あなたのDOM要素を調べる場合は、あなたが実際に<tabset>が孤立スコープを使用している見ることができます：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> 

Answer 4

これを動作する必要があることaaaの内部の値がtrueであるため静的タイトルが表示されますが、アクティブ化のためのコードを追加していないため、アクティブ化されていません。 AAAがfalseの場合、私はタブが完全になくなってしたい

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