当我使用AngularJS在其他地方单击元素时，如何更改元素上的类？

Question

我是AngularJS的新手，我一直在寻找一个基本的例子，当我点击一个链接时，会在页面的其他位置添加/删除一个类吗？

我非常感谢任何帮助，因为我非常想了解AngularJS的基础知识。

谢谢

Answer 1

以下示例将在同一个控制器中运行，并使用ng-click，ng-class和范围变量classOn（内联生成）：

.on {
  color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <a ng-click="classOn = !classOn">Click me</a>
  <p ng-class="{on: classOn}">I'm being toggled</p>
</div>