javascript - 在 Angular.js 中单击元素上切换类

Question

在angular.js中，如何在单击元素时打开和关闭CSS类active？我知道我可以使用 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> 

您必须在 Controller 中为firstActive、secondActive 和thirdActive 设置单独的作用域变量，默认情况下全部设置为 false。