Angulaire 2 ajouter plusieurs classes via [classe.className] de liaison

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

[class.loading-state]="loading"

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

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

OriginalL'auteur Ajey | 2017-04-03

  1. 38

    Vous pouvez le faire en utilisant simplement ngClass :

    Ici première,la deuxième et la troisième sont le nom des classes.

    Et au lieu de vrai/faux , vous pouvez directement mettre votre conditions, plus il y

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

    Dans votre cas

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

    Ou plus Courte Veriosn (comme @matko.kvesic commenté)

    <div [ngClass]="{'loading-state my-class': loading}">...</div>
    génial, merci!
    Ou encore: [ngClass]="{"chargement de l'état-ma-classe: chargement}"

    OriginalL'auteur Vivek Doshi