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

Question

当我使用Angular 动态更改div的backgroundImage时,我发现有两种方法可以设置backgrond-image:

第一:

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

第二:

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

但是当我改变时example_expression,只有第一种方式可以动态地改变backgroundImage.

Plunker有一个例子

ngStyle出了什么问题？

Answer 1

ng-style不应该包含{{}}插值指令,你可以直接访问那里的范围变量.也backgroundImage应该是 'background-image'

标记

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

演示Plunkr