我想根据投票分数更改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/

10-11 12:26