ng-Klasse mehrere Bedingung in on-Anweisung

Question

Ich muss prüfen, ob zwei Dinge wahr ist, um die Klasse zu entscheiden. Ich habe versucht, eine Lösung dafür zu finden, weil ich glaube, dass dies ein ziemlich häufiges Problem sein sollte. Vielleicht suche ich nur nach den falschen Dingen.

Ich möchte zwei Bedingungen in einer Anweisung haben, wenn das so heißt?

Ich habe versucht, ähnliche Dinge dazu:

ng-class="{'in-behalf-of-background-color' : parameters.Username == quote.InBehalfOf } ,{'not-in-behalf-of-background-color' : ((parameters.Username != quote.InBehalfOf) && (quote.InBehalfOf != 'null'))}" 

Wie Sie kann ich überprüfen parameters.Username sehen wollen = quote.InBehalfOf und auch wenn quote.InBehalfOf = null im gleichen Zustand!. Ist das möglich?

Answer 1

versuchen Sie diesen Code;

Sie wollen dann mehrere Zustand ein Objekt definieren und definieren Bedingungen mit Schlüsselwertpaar {key1:value1, key2: value2}

ng-class="{'in-behalf-of-background-color' : parameters.Username == quote.InBehalfOf, 'not-in-behalf-of-background-color' : ((parameters.Username != quote.InBehalfOf) && (quote.InBehalfOf)) }" 

Answer 2

Das, was Sie fehlt, ist, für mehrere Klassen in ng-class Sie keine andere {..} erstellen müssen. Sie können mehrere angeben, indem Sie sie mit einem Komma trennen ,. So sollte die folgende Arbeit,

ng-class="{'in-behalf-of-background-color' : parameters.Username == quote.InBehalfOf, 
    'not-in-behalf-of-background-color' : (parameters.Username != quote.InBehalfOf) && (quote.InBehalfOf != 'null')}" 

Answer 3

Versuchen Sie diese,

ng-class="{'in-behalf-of-background-color' : parameters.Username === quote.InBehalfOf , 'not-in-behalf-of-background-color' : ((parameters.Username !== quote.InBehalfOf) && (quote.InBehalfOf !== 'null'))}" 

angular ng-class doc siehe