Affichage de classe dynamique basé sur des paramètres

Question

J'ai certaines classes CSS qui peuvent avoir plusieurs noms, comment transmettre ces noms à ngClass ?

Voici un exemple qui ne fonctionne pas. Comment ajouter itemName传递给ngClass ?

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

Answer 1

L'interpolation de modèle n'est pas possible à l'intérieur de la directive [ngClass], supprimez simplement les crochets et concaténez la variable avec la chaîne.

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