Javascript 具有插值的ng样式不渲染背景图像？

我正在尝试使用angular ng样式更改div的背景图像

这是我的密码

<div class="cover-image" ng-style="{'background-image' : 'url({{data.image}})'}"></div>

---

为什么会这样？我怎样才能解决这个问题？谢谢

我相信当对象表达式的键值包含插值并且它们被异步绑定时，

ng样式

将不起作用。相反，您可能需要绑定样式对象本身

例如：-

  $scope.data.style = {'background-image' : 'url(/path/to/image)'}

及

。封面图片{
高度：100px；
宽度：100%；
显示：块；
}

不会显示
将显示对象绑定
将显示字符串concat

以下内容也会起作用：\'{data.image}}`这是有效的，但我在控制台资源中得到一个警告，解释为image，但使用MIME类型text/html传输：“我不确定这是否与我正在使用的ionic框架有关，但我在问题中发布的代码在另一个页面中运行良好。我就是不明白为什么

.cover-image
{
  height:100px;
  width:100%;
  display: block;
}

  $scope.data.style = {'background-image' : 'url(/path/to/image)'}

  <div class="cover-image" ng-style="data.style"></div>

<div class="cover-image" ng-style="{'background-image' : 'url(' + data.image + ')'}">