Angular 2 "ng-style" innerhalb von "* ngFor" Hintergrundfarbe ändern

7

Ich versuche Hintergrundfarben mit ng-style anzuwenden. Jede Zeile der Liste wird mit ngFor generiert. Jeder Artikel hat separate Hintergrundfarben

%Vor%

Und das Typescript.ts:

%Vor%

Weiß nicht, wie man den Farbcode auf die Liste anwendet.

    
sridharan 13.07.2016, 08:50
quelle

2 Antworten

16

Sie können die Hintergrundfarbe mit [style.backgroundColor] :

ändern %Vor%

Wenn natürlich die Zeichenfolge in item.bgcolor eine gültige css-Farbzeichenfolge ist:

#FFFFFF %Code% %Code% white

Was in Ihrem Fall nicht der Fall ist. Ihnen fehlt das führende rgb(255,255,255) und Sie sollten Ihre Artikelliste folgendermaßen ändern:

%Vor%     
PierreDuc 13.07.2016, 09:00
quelle
3

Sie können diese CSS direkt anwenden und die alternativen Zeilen haben eine andere Farbe

li {Hintergrund: grün; }

li: n-Kind (ungerade) {background: red; }

    
dixit thareja 13.07.2016 08:54
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Firebase Cloud Messaging Benachrichtigung Vibration