基於參數的動態類別顯示

Question

我有一些可以有多個名稱的CSS類，我該如何將這些名稱傳遞給ngClass？

以下是一個不起作用的範例。我如何將itemName傳遞給ngClass？

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

Answer 1

在[ngClass]指令內部無法進行模板插值，只需刪除括號並將變數與字串連接即可。

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