Javascript AngularJS渲染问题

我基本上有一个JSON文件，我用它构建了一些模块。 JSON的属性之一是div的背景图像路径

大致如下：

[
  ..
  {
    ..
    ..
    "smallimg": "../assets/images/dummy/dummy-intro-1.jpg",
    ..

]

然后，在我的页面上，我有如下内容：

<div class="fact-img" style="{{facts.smallimg}}" ...

---

因为
{{{facts.smallimg}}
是无效的css，它是由IE构建的，当角度编译器扫描所有属性时，样式属性为空

您可以使用，但它需要对象表示法，并且不接受包含css规则的字符串

<div class="fact-img" ng-style=" {backgroundImage: 'url(\'' +  fact.largeimg + '\')'} "> ...

。。。

尽管ng风格的解决方案可以工作，但您可能更喜欢编写
my background image
指令或使用带有的
标记。这将产生一个更干净的模板。
您能否显示加载JSON的代码部分等？另外，

”。/assets/images/dummy/dummy-intro-1.jpg“不是有效的css样式。它是这样分配的：$scope.facts=data[randomLoad].layout.layouts；另外，样式代码只是一个测试，它以前应该有背景图像规则。@qwertynl代码被添加以供更好的参考。我是否可以执行以下操作：ng style=“{{facts.smallimg}}”尝试了您的代码，但生成的代码如下：抱歉，ng样式没有像我怀疑的那样工作，我已经用工作的plunker代码段更新了代码段。（这就是为什么它使用fact.largeimg而不是facts.smallimg，后者是带有css规则的字符串）非常感谢！出于好奇，为什么我们不能简单地使用style=“{{fact.largeimg}}。这在Internet Explorer上根本不起作用。它在其他浏览器上运行良好。很抱歉再次弹出，但您上次帮了我很大的忙，现在我遇到了一个非常类似的问题，这里：，如果您介意的话，请提前使用thx。

<div class="fact-img" ng-style=" {backgroundImage: 'url(\'' +  fact.largeimg + '\')'} "> ...