在Angular2中有条件地分配类[重复]

Question

这个问题在这里已有答案：

• Angular: conditional class with *ngClass 13个答案

我试图根据我从后端系统获得的值有条件地将一个类分配给div。

假设有一个物体'A'，它有一个可变的status，可能有值status1和status2。

我试图根据使用Angular 2的状态有条件地分配2个类（class1和class2）。以下是我正在使用的条件。请为此建议一个替代方案，

<div ng-class="{status1 : 'class1', status2 : 'class2'}[A.status]">
   ...
</div>

Answer 1

您可以将对象绑定到[ngClass]指令

<div [ngClass]="{'active': isActive, 'disabled': isDisabled}">

与angular 1几乎相同的语法1.只需添加方括号

Answer 2

Angular 2提供了一些添加类条件的方法，这个链接很有帮助

Angular 2 conditional class with *ngClass