在元素上切换类，单击Angular.js

Question

在angular.js中，如何在单击元素时启用和禁用active的CSS类？ 我知道我可以使用ng-class和ng-click但是如何引用自身？ 例如，假设我有三个按钮：

<a class="btn" ng-click="" ng-class"">First</a>
<a class="btn" ng-click="" ng-class"">Second</a>
<a class="btn" ng-click="" ng-class"">Third</a> 

Answer 1

<a ng-click="firstActive = !firstActive" ng-class"{'btn':true, 'active':firstActive}">First</a>
<a ng-click="secondActive = !firstActive" ng-class"{'btn':true, 'active':secondActive}">Second</a>
<a ng-click="thirdActive = !firstActive" ng-class"{'btn':true, 'active':thirdActive}">Third</a> 

您必须在控制器中为firstActive，secondActive和thirdActive设置单独的范围变量，默认情况下所有这些变量均设置为false。