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

前端之家收集整理的这篇文章主要介绍了html – 使用ngStyle在AngularJs中动态刷新背景图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我使用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

原文链接:https://www.f2er.com/html/223853.html

猜你在找的HTML相关文章