在Angular2中动态设置样式

Question

我有以下标记

<tr *ngFor='let activity of pagedWorkflowActivities' style="background-color:{{activity.status == 'Pending' ? 'red' : 'green'}}">
.
.
.
.
</tr>

如上所述,如果activity.status字段处于待处理状态,则将背景颜色设置为红色,否则设 但它不起作用.检查后,我发现它呈现出来

<tr ng-reflect-style="unsafe">

Answer 1

[style.background-color]="activity.status == 'Pending' ? 'red' : 'green'"

要么

[ngStyle]="{'backgroundColor': activity.status == 'Pending' ? 'red' : 'green' }"

对于渲染结果,另请参阅在RC.1中,无法使用绑定语法添加某些样式