在 Angular 中动态设置样式

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

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

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

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

Angular相关问答推荐

angular：从模板中的可观察数组获取随机元素

添加@ nx/webpack插件 destruct 了Nativescript构建

在剑道UI网格中包装Excel导出的列

Sass-Loader中出现分号错误：ANGLE应用程序的缩进语法中不允许使用分号

如何解决在StackBlitz中使用SPARTIER时出现无法解析解析器错误(&C)？

ngRouterOutlet和组件生命周期使用自定义模板渲染的问题

Angular 9表单构建器 - 日期验证器问题

Angular 获取视频持续时间并存储在外部变量中

如果我使用 matAutocomplete，为什么 textarea 不显示 formControl 的实际值

角 12 固态继电器 ｜页眉页脚在加载程序到来之前显示

将 injectiontoken 用于 Angular 中的模块特定设置

Angular：try 在点击次数后禁用按钮

带有 Angular 2 的 Django

找不到模块'@angular/compiler'

设置 Angular Material Tooltip 的字体大小

请求 http.GET 时发送的 Angular2 OPTIONS 方法

Angular 2 Material Design 组件是否支持布局指令？

NG2-Charts 无法绑定到 datasets，因为它不是 canvas的已知属性

如何在 Angular 2 中动态添加和删除表单字段

如何对 *ngFor 应用数量限制？