AngularJS ng-class 指令
AngularJS 參考手冊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>
<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 指令用於給 HTML 元素動態綁定一個或多個 CSS 類。
ng-class 指令的值可以是字串，對象，或一個數組。
如果是字串，多個類名使用空格分隔。
如果是對象，需要使用 key-value 對，key 為你想要添加的類名，value 是一個布爾值。只有在 value 為 true 時類才會被添加。
如果是數組，可以由字串或對象組合組成，數組的元素可以是字串或對象。
語法
<element ng-class="expression"></element>
所有的 HTML 元素都支持。
參數值
| 值 | 描述 |
|---|---|
| expression | 運算式返回一個或多個類名。 |