将条件作为变量发送到类名称中

Question

我想给条件类一个div。但是我的问题是，我希望“ myClassCondition”为如下所示的字符串。当我这样写<div [class]="7 > 6 ? 'bg-red' : null"> MyText </div>时，它运行良好。但我想从.ts文件发送为变量，如下所示。我该怎么办？

<div [class]="myClassCondition"> MyText </div>

-

myClassCondition = "7 > 6 ? 'bg-red' : null";

Answer 1

您可以尝试以下

.component.html

<div [class.bg-red]="myClassCondition"> MyText </div>

.component.ts

myClassCondition = 7 > 6 ? true : false;

Answer 2

只需将Ts部分中的引号删除为

myClassCondition = 7 > 6 ? 'bg-red' : null;

Stackblitz