如何在样式规则中使用带有插值的 ngStyle答案

【问题标题】：How to use ngStyle with interpolation inside a style rule如何在样式规则中使用带有插值的 ngStyle
【发布时间】：2018-11-20 06:32:30
【问题描述】：

我有一个迭代对象 (selectedUser) 的 ngFor 循环。我正在尝试在“背景图像”样式规则中使用此属性的值，但我不断收到解析错误。

<div *ngFor="let user of selectedUser.user">
 <div class="user-img" ngStyle="{'background-image':'url(/assets/img/{{ user.image }})'}" alt="">
 </div>
</div>

知道这样的正确语法是什么吗？

【问题讨论】：

你不需要在那里使用{{ }}，ngStyle="{'background-image':'url(/assets/img/' +user.image +')'}" 应该可以工作。
这个问题已经回答了here，所以请标记这个重复。

标签： angular templates

【解决方案1】：

只需删除注释{{}}

 <div class="user-img" ngStyle="{'background-image':'url(/assets/img/' +user.image +')'}" alt="">

【讨论】：

【解决方案2】：

尝试像下面这样使用

<div *ngFor="let user of selectedUser.user">
 <div class="user-img" ngStyle="{'background-image':'url(/assets/img/'+ {{ user.image }} + ')'}" alt="">
 </div>
</div>

【讨论】：