例
更改类<div>元素的:
<select ng-model="home">
<option
value="sky">Sky</option>
<option
value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
试一试» 定义和用法
该ng-class
指令动态绑定一个或多个CSS类的HTML元素。
所述的值ng-class
指令可以是一个字符串,一个对象,或阵列。
如果它是一个字符串,它应该包含一个或多个空间分隔的类名。
作为一个对象,它应该包含键值对,其中键是一个布尔值,该值是您要添加的类的类名。 如果该键设置为true的类才会被加入。
作为阵列,它可以是这两者的组合。 每个阵列元素可以是一个字符串,或一个对象,描述如上。
句法
< element ng-class=" expression "></ element >
所有HTML元素的支持。
参数值
Value | Description |
---|---|
expression | An expression that returns one or more class names. |