改變CSS

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