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

发布时间：2020-12-14 19:41:29 所属栏目：资源来源：网络整理

导读：当我使用Angular动态更改div的background Image时,我发现有两种方法可以设置backgrond-image：第一： div style =“background：url({{example_expression}})” / div 第二： div ng-style =“{backgroundImage：'url({{example_expression}})'}” / div 但

当我使用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>

Demo Plunkr

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!