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