如何将背景图像放在角2中

Question

我尝试为我的图像放置背景URL

 <div  [ngStyle]="{'background-image': 'url(' + https://s3-us-west-2.amazonaws.com/mysite/l/{{event.photo}} + ')'}"></div>

我遇到此错误

Parser Error: Got interpolation ({{}}) where expression was expected 

任何人都可以请我。谢谢

Answer 1

我建议在控制器中构建样式。仅在代码中使用简单变量。以这种方式更干净。

Answer 2

yor不能使用属性绑定＆amp;一起插值。

所以尝试仅使用以下代码property binding

<div [ngStyle]="{'background-image': 'url(https://s3-us-west-2.amazonaws.com/mysite/l/' + event.photo + ')'}"></div>

希望这对您有帮助。

Answer 3

尝试一下：

<div  [ngStyle]="{'background-image': 'url('+'https://s3-us-west-2.amazonaws.com/mysite/l/'+event.photo+')'}"></div>

与角V4和后来的

Answer 4

您也可以使用[style.background-image]

<div [style.background-image]="'url(https://s3-us-west-2.amazonaws.com/mysite/l/'+ event.photo +')'">

Answer 5

我希望您验证上面的链接以在背景图像上获得更好的想法

angular2动态背景图像

Angular 2

中背景图像URL的属性属性绑定

谢谢