2015-04-12 42 views
0

选项卡处于活动我创建的标签如何让选择在引导

<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> 

第一个选项卡下面的代码是活动的,看起来是这样的。

enter image description here

但是,当我选择第二个,第三个标签,它不是趋于活跃。如何使选定的选项卡处于活动状态并将其全部停用

回答

0
<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>