Angular - ng-class 或 class

Question

我想知道，在 Angular 中使用 ngClass/[ngClass] 而不是 class 的真正好处是什么？是否存在性能差异？

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

或者

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

Answer 1

*如果您想添加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 ... }"

显然第二种方法比第一种方法更好。唷!!