Angularjs Angulajrs-如何将引导选项卡设置为活动
我在模式中有一个选项卡窗格。 每次打开模式时,我都希望第一个选项卡处于活动状态。 我的问题是,如果我打开模式,转到第二个选项卡并关闭模式,下次打开此模式时,第二个选项卡设置为活动。 如何在angularjs控制器中设置第一个选项卡始终处于活动状态 以下是我的选项卡html代码:Angularjs Angulajrs-如何将引导选项卡设置为活动,angularjs,twitter-bootstrap,tabs,Angularjs,Twitter Bootstrap,Tabs,我在模式中有一个选项卡窗格。 每次打开模式时,我都希望第一个选项卡处于活动状态。 我的问题是,如果我打开模式,转到第二个选项卡并关闭模式,下次打开此模式时,第二个选项卡设置为活动。 如何在angularjs控制器中设置第一个选项卡始终处于活动状态 以下是我的选项卡html代码: <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#saveClientModal"> <s
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#saveClientModal">
<span class="glyphicon glyphicon-flash"></span> open modal
</button>
<div id="saveClientModal" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="tabbable"> <!-- Only required for left/right tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="" data-target="#tab1" data-toggle="tab">Tab1</a></li>
<li><a href="" data-target="#tab2" data-toggle="tab">Tab2</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
...
</div>
</div>
<div class="tab-pane" id="tab2">
...
</div>
</div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
开放模态
&时代;
...
...
谢谢
开放模态
$scope.showmodel=函数()
{
$(“#saveClientModal.tabbable ul.nav li:first child”)。单击();
$timeout(函数(){
$('#saveclientmodel').model('show');
});
}
开放模态
$scope.showmodel=函数()
{
$(“#saveClientModal.tabbable ul.nav li:first child”)。单击();
$timeout(函数(){
$('#saveclientmodel').model('show');
});
}
开放模态
$scope.showmodel=函数()
{
$(“#saveClientModal.tabbable ul.nav li:first child”)。单击();
$timeout(函数(){
$('#saveclientmodel').model('show');
});
}
开放模态
$scope.showmodel=函数()
{
$(“#saveClientModal.tabbable ul.nav li:first child”)。单击();
$timeout(函数(){
$('#saveclientmodel').model('show');
});
}
您可以像这样在控制器中使用ng click
功能
$scope.showFirstTab = function(){
angular.element('[data-target="#tab1"]').tab('show');
}
演示:您可以像这样在控制器中使用
ng click
功能
$scope.showFirstTab = function(){
angular.element('[data-target="#tab1"]').tab('show');
}
演示:您可以像这样在控制器中使用
ng click
功能
$scope.showFirstTab = function(){
angular.element('[data-target="#tab1"]').tab('show');
}
演示:您可以像这样在控制器中使用
ng click
功能
$scope.showFirstTab = function(){
angular.element('[data-target="#tab1"]').tab('show');
}
演示:add class=”菜单项父项激活“add class=”菜单项父项激活“add class=”菜单项父项激活“add class=”菜单项父项激活“add class=”菜单项父项激活”