我想根据投票分数更改li的background-color
:高或低
<div *ngIf="upvote > downvote" [ngStyle]="{background-color: hsla(120, 100%, 50%, 0.3);}" >
最佳答案
为了在ngStyle内检查条件的选项下面实现预期使用,并且从代码中发出的问题是,由于ngIf而当downvote> upvote时,div将不可用
其他次要观察
1.在背景色和颜色周围使用引号
2.删除ngIf以处理这两个条件(upvote> downvote,downvote> upvote)并在ngStyle中移动条件
<div [ngStyle]="{'background-color': upvote > downvote? 'red': 'blue'}" >
Test
</div>
代码示例-https://stackblitz.com/edit/angular-ssy7uo?file=src/app/app.component.html
注意:使用
ngClass
处理更多CSS属性,以避免使用ngStyle
处理太多条目关于javascript - 根据条件分配ngStyle,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57081055/