Angular 2 ajoute plusieurs classes via la liaison [class.className]

Question

Tout en ajoutant une seule classe fonctionne très bien de cette façon -

[class.loading-state]="loading"

Mais comment ajouter plusieurs classes Ex si loading est true ajouter une classe - "loading-state" & "my-class"

Comment puis-je le faire via le [class] binding

Answer 1

Vous pouvez le faire en utilisant simplement ngClass :

Voici d'abord, deuxième et troisième le nom des classes.

Et au lieu de vrai / faux, vous pouvez directement mettre vos conditions là-bas

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

Dans ton cas

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

Ou Veriosn plus court (comme l'a commenté @ matko.kvesic)

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