最新的Web开发教程
 

AngularJS纳克级的指令


更改类<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.