javascript - Angular 2 通过 [class.className] 绑定(bind)添加多个类

Question

虽然以这种方式添加单个类效果很好 -

[class.loading-state]="loading"

但是如何添加多个类例如，如果 loading 为 true 添加类 - "loading-state"& "my-class"

如何通过[class] binding完成它

Answer 1

你可以通过简单地使用 ngClass 来做到这一点:

这里的first,second,third是类名。

而不是 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>