javascript - AngClass 和 Angular6 中的 [ngClass] 有什么区别

Question

有人可以指出 ngclass = ""和 [ngClass] = "{'class name'}"之间的区别吗？

Answer 1

ngClass 仅获取字符串形式的值，但如果您使用 [ngClass] 它将尝试获取任何变量的值。您还可以根据条件设置和反对设置类。例如:{active:valueOne===valueTwo}。

<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>

更多详细信息请参见:https://angular.io/api/common/NgClass