2013-04-03 1 views
1

У меня есть угловая табуляция здесь. Как установить вкладку по умолчанию? + добавить класс к определенной вкладке?angularJS добавить класс + установить значение по умолчанию для начальной загрузки. Таблетки

http://plnkr.co/edit/FPMf8i

например, Я хочу, чтобы вкладка 2 была выбрана по умолчанию. Тогда вкладка 1 имеет определенный класс.

Я попытался

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

, но получаю ошибку

Не можете использовать JQuery должна быть библиотека уже есть.

ответ

4

Добавить начальное значение для 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; 
}); 
Смежные вопросы