Angular ngClass或class=";{{}";?

Angular ngClass或class=";{{}";?,angular,ng-class,Angular,Ng Class,只是好奇这些方法中是否有更大的优势 <div class="small" ngClass="well-{{small}}">small</div> 小 或 big 根据我的经验,唯一的优势是您需要格式化数据。 例如,日期,否则是相同的: {{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}} 您使用ngClass的方式并不重要。尽管如此,ngClass允许我们有条件地添加类,即 <some-element [ngCl

只是好奇这些方法中是否有更大的优势

  <div class="small" ngClass="well-{{small}}">small</div>

big

根据我的经验,唯一的优势是您需要格式化数据。 例如,日期,否则是相同的:

{{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}

您使用ngClass的方式并不重要。尽管如此,ngClass允许我们有条件地添加类,即

<some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>

总之,当您必须添加条件类时,ngClass更加灵活。

*如果您想添加
,请使用
,如下所示

class="className"  
*如果您想有条件地添加一个
class
,可以在angular中使用
class/ngClass,如下所示

[class.className]="condition"  
[ngClass]="{'className': condition}"
*如果您想有条件地添加多个
,您有两种方法

方式1:
使用
角度类
如下:

[class.className1]="condition1"  
[class.className2]="condition2"
.
.
.
[ngClass]="{'class1': condition1 , 'class2': condition2 ... }"
方式2:
使用角度
ngClass
如下:

[class.className1]="condition1"  
[class.className2]="condition2"
.
.
.
[ngClass]="{'class1': condition1 , 'class2': condition2 ... }"
显然,第二条路比第一条好。呸