Angular2 ein anderes mit ngClass

Question

Ich habe die folgende Vorlage tun:

<p [ngClass]="{checked: condition, unchecked: !condition}"> 

Während dies funktioniert, finde ich es ein bisschen hässlich, wie ich habe zweimal um den Zustand zu wiederholen. Gibt es eine Möglichkeit, so etwas wie: [ngClass]={condition ? checked : unchecked} (was nicht funktioniert)

Dank

Answer 1

Tat

<p class="{{condition ? 'checked' : 'unchecked'}}"> 

oder

<p [ngClass]="condition ? 'checked' : 'unchecked'"> 

oder

<p [ngClass]="[condition ? 'checked' : 'unchecked']">