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

Question

有人可以指定ngclass =“”和[ngClass] =“{'class name'}”之间的区别。

标签： javascripttypescriptangular6

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