2015-12-02 23 views
0

我在ng-style有问题。这是我目前所面对的代码背景图片外部链接URL与ng-style不兼容

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

以上不工作,(我不得不删除的原因斗名),但代码工作,如果我有这样的:

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

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

回答

1

你可以这样写,而不是元素:

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

你确定$ sce不会触发这种方式?这是导致最初问题的原因。 –

+0

@PierreGayvallet是的,这将工作。如果您必须呈现HTML内容,则会使用'$ sce'。 –

+0

na,sce也触发属性插值。尝试一个ng-src或事件一个普通的src =“http://remote.com/myforged/{urlParam}”属性 –

0

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

 

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