AngualarJS bootstrap標籤集活動項目

Question

我想設置第二個標籤作爲活動標籤，不幸的是標題熄滅。 有什麼我失蹤？

<tabset> 
    <tab disabled="true"> 
     <tab-heading><i class="fa fa-bell"></i> First tab</tab-heading> 
     <tab-content> 
     fixed tab content 
     </tab-content> 
    </tab> 
    <tab active="true"> 
     <tab-heading><i class="fa fa-bell"></i> First tab</tab-heading> 
     <tab-content> 
     First content 
     </tab-content> 
    </tab> 
    <tab> 
     <tab-heading><i class="fa fa-bell"></i> Second Tab</tab-heading> 
     <tab-content> 
     Second content 
     </tab-content> 
    </tab> 
</tabset>  

Answer 1

您無法將活動設置爲true/false。這樣它不能改變。它綁定到一個變量...

<tab active="isActive"> 

，並設置...

$scope.isActive = true; 

在你的控制器。

我想你應該刪除¸<tab-content>的。你不需要它們。

Answer 2

要延長Markus的答案，如果你只是想設置一個選項卡爲活動（像我測試我的網站做的），而不捲入你可以到這個控制器：

<tab active="isActive" ng-init="isActive = true"> 

但我不會在生產代碼中不推薦使用ng-init，因爲它幾乎不會被使用。