将变量中的表达式传递给[ngClass]

Question

我想将条件传递给ngClass并对其进行评估，像这样：

[ngClass]="object.attribute"

where : object.attribute = "{'color-error' : (rowData.x | isLesser :rowData.y)}";

当我运行我的代码时，ngClass会将条件视为字符串，因此它不对其求值，而只是将其作为字符串。

Answer 1

您可以像这样使用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>

您可以在此处查看Angular NgClass文档。

Answer 2

使用需要使用||运算符

<div [ngClass]="{'color-error' : (rowData.x || rowData.y)}"></div>