Angular2 Facendo un altro con ngClass

Question

Ho la seguente configurazione:

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

Anche se questo è in funzione, lo trovo un po 'brutto, come devo ripetere due volte la condizione. C'è un modo per qualcosa come: [ngClass]={condition ? checked : unchecked} (che non funziona)

Grazie

Answer 1

Infatti

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

o

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

o

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