Angular2 Faire autre chose avec ngClass

Question

J'ai le modèle suivant:

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

Bien que cela fonctionne, je le trouve un peu moche car je dois répéter deux fois la condition. Y a-t-il un moyen de faire quelque chose comme: [ngClass]={condition ? checked : unchecked} (qui ne fonctionne pas)

Merci

Answer 1

Effectivement

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

ou

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

ou

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