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

我想在角度上设置背景图像。
- 'image.imagrURL | async“在将其分配给普通的'img'标签时效果很好。
- 我遇到的问题试图将其分配到一个内嵌的背景图像

时的问题是：如何修改我的下面片段来工作？ :)角度：如何将异步属性数据绑定到背景图像

HTML

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

错误

Parser Error: Missing expected }

我不能完全肯定这哪里是应该去。

谢谢。

2017-10-16 ETX

添加括号将得到帮助，因为你是在'url(' + image.imageurl

尝试以这种方式试图调用异步管：

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

2017-10-16 10:20:12

惊人！谢谢！ – ETX

请注意，如果在解析异步任务之前加载此元素，则应用程序可能会向服务器请求'null'或'undefined';这很可能发生。考虑添加Angular 4引入的特殊* ngIf语法。即：

– kursattokpinar

回答