Question

我尝试为我的图片添加背景网址

 <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

我建议在控制器中构建styleString。只需在代码中使用一个简单的变量即可。这种方式更清洁。

Answer 2

你不能使用属性绑定＆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

我希望您验证以上链接，以便更好地了解背景图片

谢谢