Javascript 带有2个if和else条件的ng样式_Javascript_Angular

Javascript 带有2个if和else条件的ng样式

javascript angular

Javascript 带有2个if和else条件的ng样式,javascript,angular,Javascript,Angular,您好，我尝试使用两个条件来表示角度的ng样式。trip.Revied（正确/错误）和trip.approval（正确/错误）。下面是我的尝试，但我有错误。我找不到正确的格式 [ngStyle]="{'background-color': trip.approval? '#80ff80' : '#ff8080'} : {'background-color': trip.reviewed? '' : '#D3D3D3'}" 只要使用它： [ngStyle]="{'background-color'

您好，我尝试使用两个条件来表示角度的ng样式。trip.Revied（正确/错误）和trip.approval（正确/错误）。下面是我的尝试，但我有错误。我找不到正确的格式

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

只要使用它：

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

：

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

[ngStyle]=“{'background-color'：trip.approval？'80ff80'：（trip.revieved？'D3D3D3'：'ff8080'）”

或

[style.background-color]='trip.approval？'80ff80'：（trip.revieved？'D3D3D3'：'ff8080'）”