AngulearJS bootstrap Tab set Active item

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

Чтобы продлить на ответ Маркуса, если вы просто хотите установить вкладку как активный (как я для тестирования моего сайта) без получения контроллера, участвующих вы могли бы к этому:

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

Но я Wouldn Не рекомендуйте это в производственном коде, так как ng-init вряд ли когда-либо будет использоваться.