例
更改類<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. |