нг клика не стрелять в angularjs

Question

Я пытаюсь использовать вкладку начальной загрузки с angularjs & добавили нг-клик для установки активного класса на вкладке, но его не происходит, ниже мой код:

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