角度-ng-class或class

时间:2018-10-15 08:26:20

标签: angular class ng-class

我想知道,使用ngClass / [ngClass]代替Angular中的类的真正好处是什么?有任何性能差异吗?

<div class="foobar">text</div>

<div ngClass="foobar">text</div>

1 个答案:

答案 0 :(得分:2)

*如果要添加class,请使用class,如下所示。

class="className"  

*如果要有条件地添加一个class,则可以如下使用class/ngClass in angular

[class.className]="condition"  
[ngClass]="{'className': condition}"

*如果要有条件地添加多个class,则有两种方法。

Way 1:使用class in angular如下:

[class.className1]="condition1"  
[class.className2]="condition2"
.
.
.

Way 2:使用ngClass in angular如下:

[ngClass]="{'class1': condition1 , 'class2': condition2 ... }"

很明显,第二种方法比第一种更好。 ew!