Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs Angulajrs-如何将引导选项卡设置为活动_Angularjs_Twitter Bootstrap_Tabs - Fatal编程技术网

Angularjs Angulajrs-如何将引导选项卡设置为活动

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

我在模式中有一个选项卡窗格。 每次打开模式时,我都希望第一个选项卡处于活动状态。 我的问题是,如果我打开模式,转到第二个选项卡并关闭模式,下次打开此模式时,第二个选项卡设置为活动。 如何在angularjs控制器中设置第一个选项卡始终处于活动状态

以下是我的选项卡html代码:

<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">&times;</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=”菜单项父项激活”