添加使用纳克级的多级 [英] Adding multiple class using ng-class

问题描述

我们可以拥有多个EX pression添加多个纳克级的？

Can we have multiple expression to add multiple ng-class ?

有关如：

<div ng-class="{class1: expressionData1, class2: expressionData2}"></div>

如果有任何人能忍受的例子中这样做。

If yes can anyone put up the example to do so.

推荐答案

要应用不同的类时，不同的前pressions评估为真正：

To apply different classes when different expressions evaluate to true:

<div ng-class="{class1 : expression1, class2 : expression2}">
    Hello World!
</div>

要应用多个类时，一名前pression也是如此：

To apply multiple classes when an expression holds true:

<!-- notice expression1 used twice -->
<div ng-class="{class1 : expression1, class2 : expression1}">
    Hello World!
</div>

或很简单：

<div ng-class="{'class1 class2' : expression1}">
    Hello World!
</div>

注意周围的CSS类的单引号。

Notice the single quotes surrounding css classes.

这篇关于添加使用纳克级的多级的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！