[英]angularJS add a class + set default for bootstrap Tabs
I have an angular tabbable here. 我这里有一个有角度的东西。 How can I set default tab? 如何设置默认选项卡? + add a class to specific tab? +在特定标签中添加课程?
http://plnkr.co/edit/FPMf8i http://plnkr.co/edit/FPMf8i
eg I want the tab 2 to be slected by default. 例如,我希望默认选择标签2。 Then tab 1 have a specific class. 然后选项卡1有一个特定的类。
I tried 我试过了
element.children[1].addClass('test');
element[0].children[0].addClass('test');
element[0].addClass('test');
but keep getting an error 但不断收到错误
Can't use jquery has to be library already there. 不能使用jquery必须是库已经存在。
Add an initial value for your ng-model
, then use ng-class
to set dynamic classes 为ng-model
添加初始值,然后使用ng-class
设置动态类
Plnkr Plnkr
http://plnkr.co/edit/udxAT0?p=preview http://plnkr.co/edit/udxAT0?p=preview
View 视图
<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>
Controller 调节器
var app = angular.module('plunker', ['bootstrap']);
app.controller("TabsCtrl", function($scope) {
$scope.currentTab = 1;
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.