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

【问题标题】：angularJS add a class + set default for bootstrap TabsangularJS为引导选项卡添加一个类+设置默认值
【发布时间】：2013-04-04 04:35:24
【问题描述】：

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

http://plnkr.co/edit/FPMf8i

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

我试过了

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

但一直报错

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

【问题讨论】：

标签： html class angularjs angular-ui

【解决方案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;
});

【讨论】：