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

Posted 2023-03-05

【中文标题】在AngularJs中使用ngStyle动态刷新背景图像

【英文标题】：Dynamic refresh background-image with ngStyle In AngularJs

【发布时间】：2015-09-17 16:19:14

【问题描述】：

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

第一：

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

第二个：

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

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

Plunker中有一个例子

ngStyle 有什么问题？

【参考方案1】：

ng-style 不应包含 插值指令，您可以直接访问其中的范围变量。 backgroundImage 也应该是 'background-image'

标记

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

Demo Plunkr