在Angular2中有条件地分配类

Question

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

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

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

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

- Ramana Sarva

Answer 1

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

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

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

- eltonkamami

---

成功了！谢谢@eltonkamami。作为后续问题，有没有什么地方可以阅读关于Angular 2这样的特定语法的内容？ - Ramana Sarva

@RamanaSarva 这是官方的 Angular 2 备忘单，涵盖了大量的 ng2 语法。 - eltonkamami

在这种情况下，类名应该放在单括号内。我会更新答案。 - Loolooii

Answer 2

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

Angular 2 conditional class with *ngClass

- MostafaMashayekhi