最新的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.