Question

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

第一

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

第二个：

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

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

中有一个例子

ngStyle出了什么问题？

Answer 1

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

<强>标记

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