Question

我想动态设置一个图像，该图像具有在范围内设置的图像的路径。问题是这被看作是一个文本，selectedEvent.eventBannerImage的值被正确显示，在我的例子中，最终的url看起来像这样：

background-image：url（＆＃39; / mydomain / images / banners \ 444b6e91-30fe-478b-a3d3-7984f0d35e69__1253402730_2873_full-269x300.jpg＆＃39;），但它并不像链接那样显示我需要但只是作为一个文本。图像未显示。

<div style="background-image:    
    url('${pageContext.request.contextPath}/images/{{selectedEvent.eventBannerImage}}')">

Answer 1

请参见此处：http://jsbin.com/zehawu/1/edit

ng-style="{'background-image': 
 'url({{pageContext.request.contextPath}}/images/{{selectedEvent.eventBannerImage}})'}"

Answer 2

您需要使用绑定指令 - 可能ng-style。不幸的是，ng-style使用表达式，而不是字符串，因此您无法在其中使用连接。

<div ng-style="ctrl.bgImage">

// In the controller:
this.bgImage = {"background-image": 
    "url(" + this.pageContext.request.contextPath
    + "/images/" + this.selectedEvent.eventBannerImage + ")"
};

在css样式angularjs中设置背景图像

2 个答案: