Как сделать активную вкладку, выбранным в загрузчике

Question

У меня есть следующий код для создания Вкладки

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

Первой вкладки активен и выглядит следующим образом.

Но когда я выбираю 2-й, 3-й вкладке, его не становится активным. Как сделать выбранную вкладку активной и оставить все неактивным.

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