背景图像外部链接URL不适用于ng-style

Question

我在ng-style遇到了一些问题。这是我目前的代码

ng-style="{'background-image': 'url(http://s3-us-west-1.amazonaws.com/'+ event.image2)'}"

以上不起作用，（我不得不删除存储桶名称的原因），但如果我这样做，代码就可以了：

ng-style="{'background': 'orange'}"

这显示正常。为什么URL方法不起作用？

Answer 1

你可以这样写一下这个元素：

<div style="background-image: url('http://s3-us-west-1.amazonaws.com/{{event.image2}}')"></div>

Answer 2

我想事件是你范围内的一个变量，在这种情况下它只是一个小错字：

ng-style="{'background-image': 'url(http://s3-us-west-1.amazonaws.com/' + event.image2 + ')'}"