Ändern Sie die Schriftfarbe basierend auf Wert Winkel js

8

Ich benutze angular js und ich benutzte ng-repeat, um die Details auf der Seite zu loopen und anzuzeigen, gibt es eine Möglichkeit, die Schriftfarbe basierend auf dem Wert zu ändern?

%Vor%

hier am Statuswert kann sein Error, Warning, Ignored Kann ich über angular oder css verschiedene Schriftfarben für diese Zustände anzeigen?

    
user1076698 14.05.2015, 17:48
quelle

4 Antworten

15

Sie können dies mit folgendem Code erreichen:

%Vor%

Wo 'color-red', 'color-blue', 'color-green' sind Ihre CSS-Klassen.

Siehe bottle .

Überprüfen Sie die Dokumentation zu ng-class.

    
Ilya Dmitriev 14.05.2015, 17:52
quelle
4

Das geht sehr einfach mit ng-class und css.

CSS-Code

%Vor%

HTML-Code

%Vor%     
edisonthk 14.05.2015 17:55
quelle
3

Es könnte sich auch lohnen, einen Blick auf ngStyle zu werfen, was genau wie ngClass , bietet jedoch bedingte Inline-Lernfunktionen wie

%Vor%     
Dan Moldovan 14.05.2015 18:09
quelle
1

Siehe dieses Beispiel

%Vor% %Vor% %Vor%
    
jad-panda 14.05.2015 17:57
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie behebt man Bilder, die "karma WARN [web-server]: 404" verursachen?