OnClick изменить CSS на один HTML элемент

Question

вид внутри меня

<a ng-class="{'active' : check}" ng-click="doSomething()">1</a> 
<a ng-class="{'active' : check}" ng-click="doSomething()">2</a> 

$scope.doSomething= function() { 
    $scope.check = true; 
} 

Я хочу установить CSS класс только к onclicked элемента. Используя этот код, я меняю несколько элементов. Как ограничить только один элемент?

Answer 1

Вы можете установить переменную check следующим образом. И в ng-class сравните значение check с соответствующим значением.

<a ng-class="{'active' : check === 1}" ng-click="check = 1">1</a> 
<a ng-class="{'active' : check === 2}" ng-click="check = 2">2</a> 

Demo

С функцией в контроллере:

<a ng-class="{'active' : check === 1}" ng-click="doSomething(1)">1</a> 
<a ng-class="{'active' : check === 2}" ng-click="doSomething(2)">2</a> 

Контроллер:

$scope.doSomething= function (index) { 
    $scope.check = index; 
};