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

Question

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

第一的：

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

第二：

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

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

Plunker中有一个例子

ngStyle 有什么问题？

score 10 · Accepted Answer

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

标记

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

1 回答 1