Angular2 robi jeszcze z ngClass

Question

Mam następujący szablon:

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

Choć pracuje uważam, że to trochę brzydki jak mam powtarzać dwa razy warunek. Czy istnieje sposób, aby coś takiego: [ngClass]={condition ? checked : unchecked} (który nie działa)

Dzięki

Answer 1

Rzeczywiście

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

lub

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

lub

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