基于参数的动态类显示

Question

我有一些可以有多个名称的CSS类，我如何将这些名称传递给ngClass？

以下是一个不起作用的示例。我如何将itemName传递给ngClass？

<div [ngClass]="isItem ? 'item {{itemName}}' : 'noItem {{itemName}}'">
</div>

Answer 1

在[ngClass]指令内部无法进行模板插值，只需删除括号并将变量与字符串连接即可。

<div [ngClass]="isItem ? 'item '+itemName : 'noItem'+itemName"></div>