При добавлении одного класса отлично работает таким образом -
[class.loading-state]="loading"
Но как добавить несколько классов
Ex, если loading - true добавить класс - "loading-state" & "my-class"
Как это сделать с помощью [class] binding
Angular 2 добавить несколько классов с помощью [class.className] привязки
Ответ 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>