使用angular2中的ngclass有条件地分配类？

Question

我需要更改类取决于angular2中的值

<p class="pull-right" [ngClass]="">Status: {{payment.status}}</p>

例如：

如果状态失败。我需要添加课程＆＃34;失败＆＃34;。如果状态成功，我需要将班级改为＆＃34;成功＆＃34;。我该怎么做？。

Answer 1

您可以根据您的状态字段分配以下课程：

<p class="pull-right" [ngClass]="{ 'failed' : payment.status === 'failed', 'success' : payment.status === 'success'}">Status: {{payment.status}}</p>