问题

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

不起作用的示例。如何将 itemName 传递给 ngClass？

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

英文:

I have css classes that can have multiple names, how can I pass those names to an ngClass?

Example that doesn't work. How can I pass itemName to ngClass?

&lt;div [ngClass]=&quot;isItem ? &#39;item {{itemName}}&#39; : &#39;noItem {{itemName}}&#39;&quot;&gt;
&lt;/div&gt;

答案1

得分: 1

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

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

英文:

You can not template interpolate inside [ngClass] directive just remove the brackets and concatenate the variable with string.

&lt;div [ngClass]=&quot;isItem ? &#39;item &#39;+itemName : &#39;noItem&#39;+itemName&quot;&gt;&lt;/div&gt;

通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。