2017-05-04 40 views
0

我试图把背景网址为我的图像如何把背景图像中的角2

<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 

任何人都可以请HEPL me.Thanks。

+1

{{}}不能在'ngXXX'中使用。 – Pengyy

回答

0

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

+0

Fribu无可否认是正确的 - 你应该保留你的数据。 如果你不想改变你的态度,请删除这样的插入括号: ''url(https://s3-us-west-2.amazonaws.com/mysite/l/'+ event.photo +')'' – mankers

0

试试这个:

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

作为角度v4和更高版本工作正常

0

您不能使用属性绑定&插值在一起。

所以请尝试使用下面的代码只property binding

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

希望这会帮助你。