Assets/img/img1.jpg 文件夹中的 Angular 8 背景图像 URL 不起作用

Question

我正在研究 angular 8 并尝试将“资产 - > img - > img1.jpg”中的图像绑定到我的控制器 css。我该怎么做。

.slider {
  background-image: url(/assets/img/landing.jpg);
  background-size: cover;
  background-position: center;
}

** 我尝试在 angular.json 中添加“assets”文件夹。 ** 我尝试将 assets/img 文件夹移动到 app 文件夹中，然后尝试。 ** 我什至尝试将图像放在同一个控制器文件夹中，然后尝试在 URL 中提供图像参考。这对我不起作用 图片未显示在屏幕上。

文件夹结构 SRC |-> 应用程序 |-> 控制器 |-> homeController |-> home.component.css |-> 资产 |-> img |-> img1.jpg

Answer 1

这可能会有所帮助：

.slider {
background-image: url(~src/assets/img/landing.jpg);
background-size: cover;
background-position: center;
}