当我使用Angular动态更改div的background
Image时,我发现有两种方法可以设置backgrond-image:
第一:
< div style =“background:url({{example_expression}})”>< / div>
第二:
< div ng-style =“{backgroundImage:'url({{example_expression}})'}”>< / div>
但是当我改变example_expression时,只有第一种方式可以动态地改变backgroundImage.
在Plunker有一个例子
ngStyle出了什么问题?
解决方法
ng-style不应包含{{}}插值指令,您可以直接访问那里的范围变量. backgroundImage也应该是’background-image’
<div ng-style="{'background-image': 'url('+ example_expression+')'}"></div>