使用 ngStyle In AngularJs 动态刷新背景图像

Question

当我使用Angular来动态改变div的背景图像时，我发现有两种设置背景图像的方法：

第一：

<div style="background:url({{example_expression}})"></div>

第二个：

<div ng-style="{backgroundImage: 'url({{example_expression}})'}"></div>

但是当我更改example_expression时，只有第一种方式可以动态更改背景图像。

Plunker

中有例子

ngStyle 有什么问题？

Answer 1

ng-style 不应包含 {{}} 插值指令，您可以直接访问那里的范围变量。另外 backgroundImage 应该是 'background-image'

标记

<div ng-style="{'background-image': 'url('+ example_expression+')'}"></div>

Demo Plunkr