2017-01-22 6 views
1

Ich habe ein HTML-Element mit dem Stil-Attribut für Inline-CSS.Wert an Attribut in Angular übergeben

<div style="border-color:aqua!important"> 
... 
</div> 

Ich möchte in der Lage sein, Werte zu vermitteln, so dass „aqua“ würde über Angular 2 Interpolation geändert werden, damit ich schon versucht, diese ...

<div style="border-color:{{item.color}}!important"> 
... 
</div> 

Aber das funktioniert nicht. Bitte helfen Sie mir

+0

Versuchen Sie es mit [style] = "border-color: item.color wichtig!" –

+0

Nope. Funktioniert nicht – cpkthompson

Antwort

1

Versuchen Sie es mit

<div [style.border-color]="item.color">..</div> 
+0

Ich habe versucht, ohne die "wichtig" und Wert wird übergeben, wenn ich inspiziere, aber ich brauche die "! Wichtig" zu überschreiben Cascading – cpkthompson

+0

Rewrote CSS so wichtig war nicht notwendig. Vielen Dank – cpkthompson

+0

Froh, es hat funktioniert;) Danke –

Verwandte Themen