2015-12-02 22 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 + ')'}"