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>。你不需要它们。

Answer 2

要扩展Markus的答案，如果您只想将标签设置为活动标签（就像我测试我的网站一样）而不涉及控制器，您可以这样做：

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

但是我不会在生产代码中推荐这个，因为很难再使用ng-init。

AngularJS bootstrap Tab设置活动项

2 个答案: