当前位置: 首页 > 面试题库 >

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

司马辉
2023-03-14
问题内容

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


问题答案:

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

标记

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

Demo Plunkr



 类似资料:
  • 问题内容: 如何使用ngStyle添加背景图片?我的代码不起作用: 问题答案: 我认为您可以尝试以下方法: 通过阅读您的表情,我想您错过了一些“’” …

  • 我想在胸腺叶中显示一个背景图像,其中url来自后端Spring启动 这是我想用变量填充它的元素,比如 我尝试了以下几种方法 但它不起作用。有人能帮忙吗?

  • 问题内容: 在html模板中,我具有带有动态图像的这种样式: 可以在网络浏览器和android浏览器中使用。但是,使用“ style =”动态显示的背景图像不会在iPad上显示。 我总是可以使用img标签创建动态图像,但是我正在寻找iPad的样式/ css解决方案。 问题答案: 改用 要么

  • 问题内容: 我正在尝试设置Swing Jtable的行的颜色。我用这个类来扩展Jtable,就像网上建议的那样。 我只是添加了方法来初始化所有具有相同颜色的行。 它在第一次使用时就可以正常工作,但是当我想更改颜色时会遇到问题。例如,如果我在按钮动作侦听器中执行以下代码,则仅在第一次迭代时就为表正确上色,而之后再也不会更改背景。 有谁知道这可能是什么? 谢谢,Ste 问题答案: 例如,

  • 我正在尝试创建背景色CSS3关键帧动画后的第一个动画,这是一个背景图像。我无法创建另一个动画后,文字动画淡出。文本动画褪色后,我想背景的不透明度转到0.3,并再次褪色在文本。下面是我所拥有的。 请在此处查看完整代码:codepen:https://codepen.io/imdaone/pen/jjryyv

  • 问题内容: 我正在尝试通过使用angular将背景图像应用于div (我之前尝试过使用具有相同行为的自定义指令),但是它似乎没有用。 不过,如果我尝试使用背景色,则效果似乎很好。我也尝试了远程源和本地源,但都没有用。 问题答案: 正确的语法是: ng-style的正确语法是: