ng-style with 2 if and else condition

Question

您好我试图将两种条件用于ng-style for angular。 trip.reviewed（true / false）和trip.approval（true / false）。这是我的尝试，但我得到错误。我找不到正确的格式。

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

Answer 1

只需使用它：

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

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