角度：如何將異步屬性數據綁定到背景圖像

我想在角度上設置背景圖像。
- '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

回答