角度:如何将异步属性数据绑定到背景图像

Question

• 我正在尝试在带有角度的div 上设置背景图像。
  • "image.imagrURL | async"在将其分配给普通的"img"标签时效果很好。
  • 我遇到的问题是尝试将其分配给内联背景图像时

问题是：如何修改以下代码段以使其正常工作？ :)

.HTML

 <div [ngStyle]="{'background-image': 'url(' + image.imageurl | async  + ')'}">

错误

解析器错误：缺少预期 }

我不完全确定它应该去哪里。

谢谢。

Answer 1

添加

括号会有所帮助，因为您正在尝试在'url(' + image.imageurl上调用异步管道

尝试这样：

<div [ngStyle]="{'background-image': 'url(' + (image.imageurl | async)  + ')'}">