使用ng类添加多个类

Question

使用ng类添加多个类我们可以有多个表达式来添加多个ng类吗？比如。<div ng-class="{class1: expressionData1, class2: expressionData2}"></div>如果是的话，谁能举个例子来做呢？

Answer 1

若要应用不同的类，则不同表达式的计算值为true:

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

若要在表达式有效时应用多个类：

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

或者简单地说：

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

注意围绕CSS类的单引号。

Answer 2

是的，可以有多个表达式在ng类中添加多个类。

例如：

<div ng-class="{class1:Result.length==2,class2:Result.length==3}"> Dummy Data </div>