javascript - 带有 2 个 if 和 else 条件的 ng-style

标签 javascript angular

您好,我正在尝试使用两种条件来实现 ng-style 的 Angular 。 trip.reviewed (true/false) 和 trip.approval (true/false)。下面是我的尝试,但出现错误。我找不到正确的格式。

[ngStyle]="{'background-color': trip.approval? '#80ff80' : '#ff8080'} : {'background-color': trip.reviewed? '' : '#D3D3D3'}"

最佳答案

只需使用它:

[ngStyle]="{'background-color': tripReviewed ? (tripApproval ? '#80ff80' : '#ff8080') : '#D3D3D3'}"

Demo : https://stackblitz.com/edit/angular-rmaxnt

关于javascript - 带有 2 个 if 和 else 条件的 ng-style,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49825469/

相关文章:

javascript - jquery通过键获取值而不循环

javascript - 如何在浏览器中显示一个又一个数字

javascript - 简单的 Javascript 或 jQuery clearInterval 问题

javascript - 如何在我的指令中获取参数

javascript - react 从 child 到 parent 的沟通问题

javascript - 如何在 jquery 函数中调用 typescript 函数?

javascript - 根据 Angular 4 中复选框的更改对输入运行验证

javascript - Ngrx Store - 所有 UI 更改都应该存储吗?

angular - 可观察的定义是什么意思?

asp.net - Typescript 2.7 中的严格类初始化