AngularJS ng-class 指令
示例
更改 <div> 元素的类
<select ng-model="home">
<option value="sky">Sky</option>
<option value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>欢迎回家！</h1>
<p>我喜欢它！</p>
</div>
自己尝试 »
定义和用法
ng-class 指令动态地将一个或多个 CSS 类绑定到 HTML 元素。
ng-class 指令的值可以是字符串、对象或数组。
如果它是一个字符串，则应包含一个或多个以空格分隔的类名。
作为对象，它应该包含键值对，其中键是要添加的类的类名，值是布尔值。只有当值设置为 true 时，才会添加该类。
作为数组，它可以是两者的组合。每个数组元素可以是字符串或如上所述的对象。
语法
<元素 ng-class="表达式"></元素>
所有 HTML 元素都支持。
参数值
| 值 | 描述 |
|---|---|
| 表达式 | 返回一个或多个类名的表达式。 |
