ngClass带有字符串插值来动态改变它

我需要改变应用于div的类，但不是全部。在以下示例中，我需要根据名为color的字符串更改类，所以我尝试了字符串插值。抛出错误，只使用变量名称不起作用...我应该怎么做？ngClass带有字符串插值来动态改变它

<div [ngClass]="'progress-bar progress-bar-striped active {{color}}'" role="progressbar" [style.width]="progress"> 
</div>

颜色的值是班级的名字吗？ – Vega

是的，这是改变基于大量的逻辑 – user3646717

后的空间+试试这个语法：

<div class="progress-bar progress-bar-striped" [ngClass]="[color, size]" >...</div>

也可以尝试这个

<div class="progress-bar progress-bar-striped" [className]="color">...</div>

2017-09-24 23:19:43 Vega

那么它与[ngClass] =“color”一起工作，但如果我需要使用多个变量......我不能使它与[ngClass] =“color，size”一起工作。 – user3646717

你还可以做newClass =“color size”，然后[ngClass] =“newClass” – Vega

或[ngClass] =“[color，size]” – Vega

你的变量在静态字符串内部，不能被解析为变量。用这个代替：

<div [ngClass]="'progress-bar progress-bar-striped active '+color" role="progressbar" [style.width]="progress"> 
</div>

注意，主动下课之后，收盘报价

2017-09-24 23:18:20 Mehdi

模板解析错误的长名字：分析器错误：GOT插值（{{}}），其中表达预计 – user3646717

哎呀，忘了删除{{}}，因为他们这里不需要！ – Mehdi

不起作用。没有语法错误，但类没有被应用。 – user3646717

回答