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

如何使用ngStyle(angular2)添加背景图片?

富昕
2023-03-14
问题内容

如何使用ngStyle添加背景图片?我的代码不起作用:

this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg';

<div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

问题答案:

我认为您可以尝试以下方法:

<div [ngStyle]="{'background-image': 'url(' + photo + ')'}"></div>

通过阅读您的ngStyle表情,我想您错过了一些“’” …



 类似资料:
  • 问题内容: 当我使用Angular 动态更改div的backgroundImage时 ,我发现有两种设置backgrond-image的方法: 第一: 第二: 但是,当我更改时,只有第一种方法可以动态更改backgroundImage。 在Plunker中有一个例子 ngStyle有什么问题? 问题答案: 不应包含插值指令,您可以在那里直接访问范围变量。也应该是 标记 Demo Plunkr

  • 问题内容: 我有一个正在编写的CSS页面,我需要在一个类中应用背景图像,然后使用另一个类将一个局部透明的背景图像放在已经存在的背景图像之上。这只是一个简单的字眼,所以让我做一个示范。 在此示例中,第一个div应该具有背景图像1,第二个div应该具有背景图像1,但是滤镜图像位于其顶部,然后第三个div应该是图像2,第四个应该是图像2并且上面具有相同的滤镜。 但是,在此示例中,.backgroundF

  • 问题内容: 在SO和Web上,我都经常看到这个问题。但是它们都不是我要找的东西。 如何仅使用CSS将颜色叠加层添加到背景图像? HTML示例: CSS示例: 请注意: 我想仅通过使用CSS来解决此问题。即我不想在颜色叠加的div“ testclass”内添加子div。 这不应该是“悬停效果”,我只想向背景图像添加色彩过渡。 我希望能够使用不透明度,即我正在寻找一种允许RGBA颜色的解决方案。 我正

  • 问题内容: 此处已触及该主题,但未提供有关如何创建3D图并在平面中以指定高度插入图像的指示。 因此,要提出一个简单且可复制的案例,假设我使用以下代码创建了一个3D图: 在视觉上,我们有: 在级别上,这里是避免重叠的视觉偏移, 我想插入一张图像, 表示曲线显示特定值的元素。 怎么做? 在此示例中,我并不关心元素与其值之间的完美匹配,因此请随时上传您喜欢的任何图像。另外,如果对匹配不满意,有没有办法让

  • 如何添加图像并将其设置为我的应用程序背景 我知道你把你想要的图片粘贴到了drawable文件夹中。这是代码本身的问题,还是我应该创建一个RelativeLayout?或者仅仅是提供的代码中的一行更改? 这是我的代码,没有任何改动。