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