我需要改變應用於div的類,但不是全部。在以下示例中,我需要根據名爲color的字符串更改類,所以我嘗試了字符串插值。拋出錯誤,只使用變量名稱不起作用...我應該怎麼做?ngClass帶有字符串插值來動態改變它
<div [ngClass]="'progress-bar progress-bar-striped active {{color}}'" role="progressbar" [style.width]="progress">
</div>
我需要改變應用於div的類,但不是全部。在以下示例中,我需要根據名爲color的字符串更改類,所以我嘗試了字符串插值。拋出錯誤,只使用變量名稱不起作用...我應該怎麼做?ngClass帶有字符串插值來動態改變它
<div [ngClass]="'progress-bar progress-bar-striped active {{color}}'" role="progressbar" [style.width]="progress">
</div>
後的空間+試試這個語法:
<div class="progress-bar progress-bar-striped" [ngClass]="[color, size]" >...</div>
也可以嘗試這個
<div class="progress-bar progress-bar-striped" [className]="color">...</div>
那麼它與[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>
注意,主動下課之後,收盤報價
模板解析錯誤的長名字: 分析器錯誤:GOT插值({{}}),其中表達預計 – user3646717
哎呀,忘了刪除{{}},因爲他們這裏不需要! – Mehdi
不起作用。沒有語法錯誤,但類沒有被應用。 – user3646717
顏色的值是班級的名字嗎? – Vega
是的,這是改變基於大量的邏輯 – user3646717