Javascript 如何在Angular 6中设置背景图像路径

Javascript 如何在Angular 6中设置背景图像路径,javascript,html,css,jquery-ui,angular6,Javascript,Html,Css,Jquery Ui,Angular6,折扣制度 Lorem ipsum dolor sit amet,是一位杰出的献身者。这是我的宿命 免费送货 Lorem ipsum dolor sit amet,是一位杰出的献身者。这是我的宿命 全天候支持 Lorem ipsum dolor sit amet,是一位杰出的献身者。这是我的宿命 [CarouselClass]=“猫头鹰主题”、“行”、“滑动”]”> 使用它来wantet选择器 [style.backgroundImage]="'url('+ imagSource +')'" 在


折扣制度
Lorem ipsum dolor sit amet,是一位杰出的献身者。这是我的宿命

免费送货 Lorem ipsum dolor sit amet,是一位杰出的献身者。这是我的宿命

全天候支持 Lorem ipsum dolor sit amet,是一位杰出的献身者。这是我的宿命

[CarouselClass]=“猫头鹰主题”、“行”、“滑动”]”>
使用它来wantet选择器

[style.backgroundImage]="'url('+ imagSource +')'"
在css中:

.item{
    background-position: center;
    background-repeat: no-repeat;
    .
    .
    .
}

下面的答案适用于6

在app.component.css中

    .image{
         height:40em; 
         background-size:cover;
         width:auto;
         background-image:url('copied image address');
         background-position:50% 50%;
       }
同样在app.component.html中,只需添加如下内容

<div class="image">
Your content
</div>

你的内容

通过这种方式,我可以在Angular 6中设置背景图像。

您使用Angular 6还是angularjs?请告诉我更多帮助!我不知道如何设置图像的角度6。因此,请向我简要解释一下您的组件在参数中设置了图像的url,并在html中用作我的答案
imagSource
表示组件中的参数