javascript - 根据条件分配 ngStyle

标签 javascript angular

我想根据投票分数更改libackground-color:高或低

<div *ngIf="upvote > downvote" [ngStyle]="{background-color: hsla(120, 100%, 50%, 0.3);}" > 

最佳答案

您可能应该创建 2 个类,每种样式一个。然后就可以使用ngClass了。下面的示例中,您有 2 个名为红色或蓝色的类。条件已定。你可以在那里放任何你想要的东西

 <div [ngClass]="{'blue': vote == 'high', 'red': vote == 'low'}"></div>

关于javascript - 根据条件分配 ngStyle,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57081055/

相关文章:

typescript - Angular 2,在同一页面上运行的 2 个应用程序之间的通信

javascript - Angular2 QueryList 基于元素类

输入更改时未显示 Angular 5 验证错误

javascript - babel obj symbol.iterator 未定义

javascript - Facebook - 无法提交新的 Open Graph 类型,提交呈灰色。如何提交?

javascript - Angular 2 RouterStateSnapshot 未返回正确的 url

javascript - 如何将图像同步绘制到 Canvas

java - 通过 JS 调用 JSF 方法

angular - 异常 : No provider for Headers!(应用程序 -> Api -> header )

angular - 如何使用angular2 material Dialog 来block for canDeactivate