AngularJS ng-class utos

Paglilinaw at Paggamit

ng-class Ang utos na ito ay ginagamit upang ayusan ang isang o ilang klase ng CSS sa HTML na elemento.

ng-class Ang halaga ng utos ay maaaring maging string, bagay o array.

Kung ito ay string, dapat itong magkaroon ng isang o ilang pangalan ng klase na nahahati sa pamamagitan ng espasyo.

Bilang bagay, dapat itong magkaroon ng pariralang parirala, kung saan ang parirala ay ang pangalan ng klase na nais mong idagdag, at ang halaga ay boolean. Makukuha lamang ang klase kapag ang halaga ay naka-set sa true.

作为数组，它可以是两者的组合。每个数组元素可以是上述描述的字符串或对象。

实例

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

亲自试一试

语法

<element ng-class="expression</element>

所有 HTML 元素都支持。

参数