NG-點擊不angularjs

Question

射擊，我嘗試使用引導選項卡與angularjs &增加了NG-點擊設置選項卡上的活動類，但它沒有發生，下面是我的代碼：

<ul class="nav nav-tabs" role="tablist"> 
     <li role="presentation" ng-class="{ 'active': tab === 1 }"><a href="#email" aria-controls="email" role="tab" data-toggle="tab" ng-click="tab = 1">Email</a></li> 
     <li role="presentation" ng-class="{ 'active': tab === 2 }"><a href="#phone" aria-controls="phone" role="tab" data-toggle="tab" ng-click="tab = 2">Phone</a></li> 
     <li role="presentation" ng-class="{ 'active': tab === 3 }"><a href="#username" aria-controls="username" role="tab" data-toggle="tab" ng-click="tab = 3">Username</a></li> 
    </ul> 

標籤的價值沒有改變，這就是爲什麼特定的班級沒有得到應用。

Answer 1

在你的控制，儘量使用

$scope.obj = { tab : 1}; 

，然後在視圖：

obj.tab 

的

而不只是標籤

Answer 2

只要改變===到==，它應該工作：

<ul class="nav nav-tabs" role="tablist"> 
    <li role="presentation" ng-class="{ 'active': tab == 1 }"><a href="#email" aria-controls="email" role="tab" data-toggle="tab" ng-click="tab = 1">Email</a></li> 
    <li role="presentation" ng-class="{ 'active': tab == 2 }"><a href="#phone" aria-controls="phone" role="tab" data-toggle="tab" ng-click="tab = 2">Phone</a></li> 
    <li role="presentation" ng-class="{ 'active': tab == 3 }"><a href="#username" aria-controls="username" role="tab" data-toggle="tab" ng-click="tab = 3">Username</a></li> 
</ul> 

JSFiddle here。