文章/答案/技术大牛

发布

社区首页 >问答首页 >如何根据值更改角度中的颜色

问如何根据值更改角度中的颜色
EN

Stack Overflow用户

提问于 2021-07-09 19:18:18

回答 2查看 47关注 0票数 0

如何根据angular typescript模板中的值动态更改颜色？谢谢你们的帮助。非常感谢。

例如，如果item.status == 'Active' && ang item.role == 'Admin'将颜色设置为color:#00B0D，否则将颜色设置为#707070

 <mat-icon aria-hidden="false" aria-label="Example home icon"
                                            style="color:#00B0DB">check_circle</mat-icon>

angular

typescript

angular-material

回答 2

Stack Overflow用户

发布于 2021-07-09 19:39:37

使用NgStyle指令应用条件内联样式。

示例：

<mat-icon
  aria-hidden="false"
  aria-label="Example home icon"
  [ngStyle]="{'color': item.status === 'Active' && item.role === 'Admin' ? '#00B0DB' : '#707070'}"
>check_circle</mat-icon>

类似地，您可以使用NgClass指令有条件地应用CSS类。

票数 2

Stack Overflow用户

发布于 2021-07-09 20:09:30

使用ngStyle，您可以根据某些条件设置特定的样式。

示例：

<div> [ngStyle]="{'color': item.status === 'Active' && item.role === 'Admin' ? '#00B0DB' : '#707070'}" </div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68315894

复制

相似问题

问如何根据值更改角度中的颜色
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何根据值更改角度中的颜色EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何根据值更改角度中的颜色
EN