2016-05-20 11 views
0

Ich versuche, Textfarbe wie unten zu ändern.Wie man Textfarbe in Ionic2 dynamisch einstellt

Item.color gibt RGB-Code wie "# 002200" zurück. Aber die App läuft nicht richtig, es zeigt weißen Bildschirm.

<div style="color:{{item.color}}">{{item.name}}</div> 

Der folgende Code funktioniert gut.

<div style="color:#002200">{{item.name}}</div> 

Wie könnte ich dieses Problem lösen? Oder mache ich einen falschen Ansatz?

Danke

Antwort

5

Das ist ziemlich einfach, benutzen Sie einfach style binding:

<div [style.color]="item.color">{{item.name}}</div> 

Plunker zum Beispiel Nutzung und Schau

+1

Sie haben meinen Tag gerettet! – tomo

-2

Sie Klammern innerhalb von Tags nicht brauchen

<div style="color:item.color">{{item.name}}</div> 
+0

@ Rakete1111 Ich denke, dass Sie die Frage/Antwort nicht gelesen haben. Es ist eine Antwort, die die Frage – Del

+0

löst. Ich habe keine Ahnung von CSS, und weil deine Antwort so formuliert ist, dass ich denke, dass es besser ein Kommentar wäre, habe ich das gesagt. Entschuldigen Sie. – Rakete1111

Verwandte Themen