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 | 返回一個或多個類名的表示式。 |