我尝试为我的图片添加背景网址
<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
谁能帮帮我。谢谢。
问问题
5311 次
5 回答
1
我建议在控制器中构建 styleString。只需在您的代码中使用一个简单的变量。这样干净多了。
于 2017-05-04T12:36:50.717 回答
1
你不能同时使用属性绑定和插值。
所以尝试只使用下面的代码property binding
<div [ngStyle]="{'background-image': 'url(https://s3-us-west-2.amazonaws.com/mysite/l/' + event.photo + ')'}"></div>
希望这会帮助你。
于 2017-08-26T03:55:39.880 回答
0
您也可以使用 [style.background-image]
<div [style.background-image]="'url(https://s3-us-west-2.amazonaws.com/mysite/l/'+ event.photo +')'">
于 2018-09-28T19:43:51.577 回答
0
试试这个：
<div [ngStyle]="{'background-image': 'url('+'https://s3-us-west-2.amazonaws.com/mysite/l/'+event.photo+')'}"></div>
从 angular v4 及更高版本开始工作正常
于 2017-07-19T13:30:29.257 回答
-1
于 2017-05-05T15:57:35.283 回答