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 ... }"
显然,第二条路比第一条好。呸