使用ngStyle更改图像的颜色

Question

如果这个问题听起来很幼稚，我很抱歉，但是我是Angular 5的新手。我需要根据从JSON响应中获取的颜色代码更改图像的颜色。 我搜索了，但是我只找到了如何更改背景色。 我找不到任何例子。

以下是我的json响应代码段：

{"medDetailsEve":{"color":"#800000","medDate":"04/27/2018","medTime":"20:00","medId":"PE16","sequence":"EVEN","shape":"2","status":""}}

下面是我正在尝试的代码

<img src="./assets/img/tab/{{data.shape}}.png" style="-webkit-filter: opacity(.5) drop-shadow(0 0 0 {{data.color}}) class="pill-img">"

Answer 1

在风格属性上我想你失踪了; 在不透明度和阴影之间：

style="-webkit-filter: opacity(.5); drop-shadow(0 0 0 {{data.color}})"

Answer 2

结合使用ngStyle：

<img ... [ngStyle]="{'-webkit-filter': 'opacity(.5) drop-shadow(0 0 0 '+data.color}">