2016-05-16 41 views
0

當在選項卡上使用ng-if時,如果該語句返回true,則第二個選項卡將被激活而不是第一個。角引導選項卡 - 如果缺陷

<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

我希望你們中的一些可能能夠幫助我!

回答

2

嘗試使用活動屬性。這樣

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

我想要的標籤被完全消失了,如果AAA是假的變化代碼那麼傷心,這並不工作:( –

+0

U可以做 - <標籤標題=「靜態稱號」主動=「AAA ==真」 ng-if =「aaa === true」>靜態內容 – spyder

1

不是一個真正的錯誤,它看起來像<tabset>正在發生變化範圍,因此aaa將涉及到創造爲準控制器<tabset>。請參考您自己的控制器,TabsDemoCtrl.aaa

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

編輯:如果您檢查您的DOM元素,你可以看到<tabset>,可使用孤立範圍:tabbable ng-isolate-scope

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

這應該工作

0

這是因爲aaa內的值是真的,因此它顯示靜態標題,但是你沒有添加激活代碼,所以它沒有被激活。通過

<tab heading="Static title" ng-if="aaa" active="aaa">Static content</tab> 
相關問題