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

问题描述

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

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

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

解决方法

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

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

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

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

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