html - ngclass angular 6 example

Angular2 haciendo otra cosa con ngClass

Question

Tengo la siguiente plantilla:

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

Mientras esto funciona, lo encuentro un poco feo ya que tengo que repetir dos veces la condición. ¿Hay una manera de algo como: [ngClass]={condition ? checked : unchecked} [ngClass]={condition ? checked : unchecked} (que no funciona)

Gracias

Answer 1

En efecto

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

o

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

o

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