Parameterbasierte dynamische Klassenanzeige

Question

Ich habe einige CSS-Klassen, die mehrere Namen haben können. Wie übergebe ich diese Namen an ngClass?

Hier ist ein Beispiel, das nicht funktioniert. Wie füge ich itemName传递给ngClass hinzu?

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

Answer 1

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

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