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

您无法将active设置为true/false.这样就无法改变.将它绑定到变量...

<tab active="isActive">

并设置......

$scope.isActive = true;

在您的控制器中.

我认为你应该删除¸ <tab-content>的.你不需要它们.