Puede hacer esto simplemente usando ngClass :

Aquí primero, segundo y tercero son el nombre de las clases.

Y en lugar de verdadero/falso, puede poner directamente sus condiciones allí

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

En tu caso

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

O Veriosn más corto (como comentó @matko.kvesic)

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

Aunque la respuesta de Vivek Doshi es totalmente correcta, a continuación pongo otras alternativas para hacer lo mismo con distintas variables booleanas:

Primera solución: [clase.className]

Modelo:

 <div [class.first-class]="addFirst" [class.second-class]="addSecond">...</div>

Componente:

 export class MyComponent { ... addFirst: boolean; addSecond: boolean; ... }

Segunda solución: [ngClass] con enlace de método

Modelo:

 <div [ngClass]="setClasses()">...</div>

Componente:

 export class MyComponent { ... addFirst: boolean; addSecond: boolean; ... setClasses() { return { 'first-class': this.addFirst, 'second-class': this.addSecond }; } ... }

Última solución, pero no menos importante:

Modelo:

 <div [ngClass]="{'first-class': addFirst, 'second-class': addSecond}">...</div>

Componente:

 export class MyComponent { ... addFirst: boolean; addSecond: boolean; ... }