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

How do I change class on element when I click a element elsewhere using AngularJS?

本文关键字:元素 何更改 AngularJS 单击 其他      更新时间:2023-09-26

我是 AngularJS 的新手,我一直在寻找一个基本的例子,当我单击链接时,一个类被添加/删除到页面上其他地方的另一个元素?

任何帮助将不胜感激,因为我真的很想了解 AngularJS 基础知识。

谢谢

下面是一个示例,它将在同一控制器中工作,并使用ng-clickng-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>