使用字符串串联在ngClass中添加多个类

Question

我正在尝试在ngClass中添加多个类，其中一个类是文字字符串和变量的串联。这是我需要的，但是出现语法错误：

<div [ngClass]="[{'w-' + percentage}, {'finished': true}]"></div>

此表达式中的错误在哪里？

Answer 1

<div [ngClass]="'w-' + percentage" [class.finished]="true/false"></div>

或者如果类 finished 没有连接到任何变量，则：

<div class="finished" [ngClass]="'w-' + percentage"></div>

Answer 2

这样写，将解决您的问题。

<div [ngClass]="{'w-' + percentage: true, 'finished': true}"></div>