在 Angular2 中有条件地分配类

Question

我正在尝试根据从后端系统获得的值有条件地将 class 分配给 div。

假设有一个对象 'A'，它有一个变量 status，它可能有值 status1 和 status2。

我正在尝试根据使用 Angular 2 的状态有条件地分配 2 classes（class1 和 class2）。以下是我的条件'我正在使用。请为此提出一个可行的替代方案，

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

Answer 1

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

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

和angular几乎一样的语法 1. 只是加上方括号

Answer 2

Angular 2 提供一些方法来添加 class 和条件，这个 link 很有帮助

在 Angular2 中有条件地分配 类