html - angularJS为引导选项卡添加一个类+设置默认值

Question

我在这里有一个角度标签。如何设置默认选项卡？+ 将类添加到特定选项卡？

http://plnkr.co/edit/FPMf8i

例如，我希望默认选择选项卡 2。然后选项卡 1 有一个特定的类。

我试过

 element.children[1].addClass('test');
 element[0].children[0].addClass('test');
 element[0].addClass('test');

但不断收到错误

不能使用 jquery 必须是已经存在的库。

Answer 1

为您添加一个初始值ng-model，然后用于ng-class设置动态类

PLNKR

http://plnkr.co/edit/udxAT0?p=preview

看法

<div ng-controller="TabsCtrl">
  <div class="tabbable" ng-model="currentTab">
    <div class="tab-pane" ng-class="{'special-class': currentTab == 1}" title="1" value="1">
      Content 1
    </div>
    <div class="tab-pane" title="2" value="2">
      Content 2
    </div>
  </div>
</div>

控制器

var app = angular.module('plunker', ['bootstrap']);

app.controller("TabsCtrl", function($scope) {
  $scope.currentTab = 1;
});