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

回答