Angular 2 [class.className]バインディングを介して複数のクラスを追加します

Question

単一のクラスを追加すると、このようにうまく機能しますが-

[class.loading-state]="loading"

しかし、たとえばloadingがtrueである場合に複数のクラスを追加するにはどうすればよいですかクラスを追加-"loading-state" & "my-class"

[class] bindingでそれを行うにはどうすればよいですか

Vivek Doshi · Accepted Answer

これを行うには、単にngClassを使用します。

ここで、1番目、2番目、3番目はクラスの名前です。

そして、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>