2 Stimmen

Ng-if im ng-repeat angularjs

Ich muss einen unterschiedlichen Stil je nach Wert eines Feldes in ng-repeat definieren, ich habe das versucht:

    #NomVilleLignée

        {{alternate1.fiche.id}}
        {{alternate1.properties.nom}}
        {{alternate1.properties.nom}}
        {{alternate1.properties.ville}}
        {{alternate1.properties.lignee}}

Es funktioniert nicht (es wird nichts angezeigt)

Wie kann ich automatisch einen Stil mit einem bestimmten Wert definieren?

3voto

ssilas777 Punkte 9486

Sie können eine Klasse für einen bestimmten Stil erstellen und ng-class wie folgt verwenden:

JS FIDDLE

css:

.green
 {
   color:green;
 }

.red
 {
   color:red;
 }

html:

{{alternate1.properties.nom}}

2voto

R3tep Punkte 12015

Sie verwenden den falschen Wert in Ihrem Test

jsFiddle

Ersetzen Sie ja durch aktiv und nein durch inaktiv

Beispiel :

{{alternate1.properties.nom}}
{{alternate1.properties.nom}}

PS:

Die Antwort von ssilas777 ist der beste Weg, um diesen Wechsel der CSS-Klasse auszuführen

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X