Angular：如何将async属性数据绑定到背景图像

Question

• 我试图用角度设置div上的背景图像。
  • ＆＃39; image.imagrURL |异步＆＃39;只需将其分配给简单的“img”即可。标签
  • 我遇到的问题是在尝试将其分配给内联背景图片时

问题是：如何修改我的下方代码段？ ：）

HTML

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

错误

  

分析器错误：缺少预期}

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

谢谢。

Answer 1

添加括号将有所帮助，因为您正尝试在'url(' + image.imageurl

上调用异步管道

尝试这种方式：

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