Angular 2 добавить несколько классов с помощью [class.className] привязки

При добавлении одного класса отлично работает таким образом -

[class.loading-state]="loading"

Но как добавить несколько классов Ex, если loading - true добавить класс - "loading-state" & "my-class"

Как это сделать с помощью [class] binding

Ответы

Ответ 1

Вы можете сделать это, просто используя ngClass:

Здесь первое, второе и третье - это имена классов.

И вместо true/false вы можете прямо поставить свои условия там

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

В вашем случае

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

Или более короткий Veriosn (как прокомментировал @matko.kvesic)

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