javascript - navigationend - router events angular 6

Angular 2 agrega varias clases mediante el enlace

Question

Mientras que agregar una sola clase funciona muy bien de esta manera -

[class.loading-state]="loading"

Pero, ¿cómo agrego varias clases Ex si la loading es true Agregar clase - "loading-state" & "my-class"

¿Cómo puedo hacerlo a través del [class] binding

Answer 1

Puedes hacer esto simplemente usando ngClass :

Aquí primero, segundo y tercero son los nombres de las clases.

Y en lugar de verdadero / falso, puedes poner tus condiciones directamente allí.

 <div [ngClass]="{''first'': true, ''second'': true, ''third'': false}">...</div>

En tu caso

 <div [ngClass]="{''loading-state'': loading, ''my-class'': loading }">...</div>

O Shorter Veriosn (como comentó @ matko.kvesic)

<div [ngClass]="{''loading-state my-class'': loading}">...</div>