如何在引导程序中使选定的选项卡处于活动状态答案

【问题标题】：How to make selected tab active in bootstrap如何在引导程序中使选定的选项卡处于活动状态
【发布时间】：2015-04-12 14:52:53
【问题描述】：

我有以下用于创建标签的代码

<ul ng-init="tab = 1" class="nav nav-tabs" role="tablist" style="margin-top:10px;">
    <li class="active"><a ng-click="tab = 1">1. Shopping cart</a></li>
    <li><a ng-click="tab = 2">2. Delivery Address</a></li>
    <li><a ng-click="tab = 3">3. Place Order</a></li>
</ul>

第一个选项卡处于活动状态，如下所示。

但是当我选择第二个、第三个选项卡时，它没有激活。如何使选定的选项卡处于活动状态并使所有选项卡处于非活动状态。

【问题讨论】：

标签： angularjs twitter-bootstrap

【解决方案1】：

<ul ng-init="tab = 1" class="nav nav-tabs nav-justified" role="tablist" style="margin-top:10px;">
    <li ng-class="{active:tab==1}"><a data-toggle="tab" ng-click="tab = 1">1. Shopping cart</a></li>
    <li ng-class="{active:tab==2}"><a data-toggle="tab" ng-click="tab = 2">2. Delivery Address</a></li>
    <li ng-class="{active:tab==3}"><a data-toggle="tab" ng-click="tab = 3">3. Place Order</a></li>
</ul>

【讨论】：