Html Assets/img/img1.jpg文件夹中的Angular 8背景图像url不工作
我正在处理angular 8,并试图将“Assets->img->img1.jpg”中的图像绑定到我的控制器css。我该怎么做呢Html Assets/img/img1.jpg文件夹中的Angular 8背景图像url不工作,html,angular,Html,Angular,我正在处理angular 8,并试图将“Assets->img->img1.jpg”中的图像绑定到我的控制器css。我该怎么做呢 .slider { background-image: url(/assets/img/landing.jpg); background-size: cover; background-position: center; } **我尝试在angular.json中添加“assets”文件夹。 **我已尝试移动应用文件夹中的资产/img文件夹,然后重试。
.slider {
background-image: url(/assets/img/landing.jpg);
background-size: cover;
background-position: center;
}
**我尝试在angular.json中添加“assets”文件夹。
**我已尝试移动应用文件夹中的资产/img文件夹,然后重试。
**我甚至尝试将图像放在同一个控制器文件夹中,然后尝试在URL中提供图像的引用。这对我不起作用,图像未显示在屏幕上
文件夹结构
SRC |->应用程序|->控制器|->家庭控制器|->home.component.css
|->资产|->img |->img1.jpg,可能有助于:
.slider {
background-image: url(~src/assets/img/landing.jpg);
background-size: cover;
background-position: center;
}
你能在问题中添加文件夹结构的图像吗?检查你的控制台,错误是什么?我试过这样做,但没有帮助。。我相信我可能会使用IMG而不是div的背景css道具。