使用ng类添加多个类

Question

使用ng类添加多个类

我们可以有多个表达式来添加多个ng类吗？

比如。

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

如果是的话，谁能举个例子来做呢？

Answer 1

若要应用不同的类，则不同表达式的计算值为true:<div&nbsp;ng-class="{class1&nbsp;:&nbsp;expression1,&nbsp;class2&nbsp;:&nbsp;expression2}"> &nbsp;&nbsp;&nbsp;&nbsp;Hello&nbsp;World!</div>若要在表达式有效时应用多个类：<!--&nbsp;notice&nbsp;expression1&nbsp;used&nbsp;twice&nbsp;--><div&nbsp;ng-class="{class1&nbsp;:&nbsp;expression1,&nbsp;class2&nbsp;:&nbsp;expression1}"> &nbsp;&nbsp;&nbsp;&nbsp;Hello&nbsp;World!</div>或者简单地说：<div&nbsp;ng-class="{'class1&nbsp;class2'&nbsp;:&nbsp;expression1}"> &nbsp;&nbsp;&nbsp;&nbsp;Hello&nbsp;World!</div>注意围绕CSS类的单引号。

Answer 2

是的，可以有多个表达式在ng类中添加多个类。例如：<div&nbsp;ng-class="{class1:Result.length==2,class2:Result.length==3}">&nbsp;Dummy&nbsp;Data&nbsp;</div>