在Angular2中有条件地分配类

Question

我正在尝试根据从后端系统获得的值有条件地将一个类分配给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