当我使用 AngularJS 单击其他地方的元素时,如何更改元素上的类
How do I change class on element when I click a element elsewhere using AngularJS?
我是 AngularJS 的新手,我一直在寻找一个基本的例子,当我单击链接时,一个类被添加/删除到页面上其他地方的另一个元素?
任何帮助将不胜感激,因为我真的很想了解 AngularJS 基础知识。
谢谢
下面是一个示例,它将在同一控制器中工作,并使用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>
相关文章:
- 如何通过HTML+CSS中的另一个元素Selector更改元素的属性值
- 在AngularJs中查找元素并更改其内容
- 表单中元素的更改值为't已发布
- 根据Meteor集合中的元素数量更改css
- 动态添加新元素并更改其内容
- 表单元素值更改后的角度 JS 验证
- 按 ID 包含子字符串的类查找元素并更改样式
- 根据另一个元素的更改获取一个元素(jquery)
- "隐藏/显示”;元素和更改按钮背景图像
- 克隆元素时更改标题的文本
- 观察任何元素何时更改
- 遍历元素,更改z索引,Javascript
- 显示隐藏的元素或更改链接元素上的行为
- 使元素单独更改颜色
- JS/JQuery隐藏元素,更改文本,显示元素
- on文件输入元素的更改事件
- 找到最近的span元素并更改CSS类
- 将功能元素 IMG 更改为 DIV 背景
- 使用 javascript/jquery 点击 DOM 元素后更改地址栏中的 URL
- 在鼠标悬停/鼠标出类中的任何元素时更改元素 ID