Angular 正确使用ngClass

对于以下代码段

<tr *ngFor= "let rec of csvHead; let first=first"
[ngClass] = "{'title':first}">
</tr>

---

ngClass

指令支持以下形式：

 *     <some-element [ngClass]="'first second'">...</some-element>
 *     <some-element [ngClass]="['first', 'second']">...</some-element>
 *     <some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>
 *     <some-element [ngClass]="stringExp|arrayExp|objExp">...</some-element>
 *     <some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>

*。。。
*     ...
*     ...
*     ...
*     ...

使用第三种形式，键是CSS类，当值中给定的表达式计算为TRUTHY值（不是真值或假值）时，会添加这些类，否则它们会被删除

---

---

注意：

first

是一个表达式，对于第一行，其计算结果为true

将其添加到

tr

中的原因是因为它是创建的第一个

tr

，您会发现，创建的每个其他

tr

都不会有类

title

启用/禁用类的条件是什么？

 *     <some-element [ngClass]="'first second'">...</some-element>
 *     <some-element [ngClass]="['first', 'second']">...</some-element>
 *     <some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>
 *     <some-element [ngClass]="stringExp|arrayExp|objExp">...</some-element>
 *     <some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>