Klassen unter Verwendung von ngclass in angular2 zuweisen?

Question

Ich brauche die Klasse zu ändern, hängt von Wert in angular2

<p class="pull-right" [ngClass]="">Status: {{payment.status}}</p> 

Zum Beispiel:

Wenn der Status nicht bestanden. Ich muss die Klasse "Fail" hinzufügen. Wenn der Status erfolgreich ist, muss ich die Klasse als "Erfolg" ändern. Wie mache ich das?.

Answer 1

Sie können Klasse zuweisen, wie unten nach Ihrem Statusfeld:

<p class="pull-right" [ngClass]="{ 'failed' : payment.status === 'failed', 'success' : payment.status === 'success'}">Status: {{payment.status}}</p>