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; 
});