css - 动态背景图像不起作用 - Angular 5

Question

我正在使用 ngStyle 设置背景图像，如下所示：

<section [ngStyle]="{'background': 'url(' + backgroundUrl + ') no-repeat 0 0 / cover'}" class="slider flex-center">

在 .ts 文件中：

this.backgroundUrl = this.homeModelResponse.featuredStories[0].fullHDUrl;

问题是，如果用户上传相同的图片，我会得到这样的网址：

https://..something/264/2970/7745/9960/rawpixel-com-256641_(1)_org_hd_ready.jpg.jpg

括号中的（1），我的猜测是css不能很好地使用它，所有其他图像都会显示，但只有具有这种类型路径的副本不是。

它适用于img标签，但不适用于 CSS 中的背景属性。

有谁知道怎么了？

标签： cssangular

Answer 1

找到了解决方案。

背景图片不允许在图片路径中使用 ()、空格、单引号和双引号。