如何在样式规则

时间:2018-06-11 04:10:59

标签: angular templates

我有一个遍历对象的ngFor循环(selectedUser)。我尝试使用此属性中的值' background-image'样式规则,但我一直在解析错误。

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

知道这样的东西的正确语法是什么?

2 个答案:

答案 0 :(得分:0)

尝试使用如下所示

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

答案 1 :(得分:0)

只需删除注释 {{}}

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