一尘不染

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

angularjs

当我使用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有什么问题?


阅读 271

收藏
2020-07-04

共1个答案

一尘不染

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

标记

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

Demo Plunkr

2020-07-04