如何设置Angular 4背景图像?

问题描述

我正在尝试以下行来设置背景图像.但是它不起作用.在我的应用程序中不断设置背景图像的方式是什么.

I am trying the following lines to set the background image.but it not works. what are the way set background image in constantly in my application.

app.component.html

<div [ngStyle]="{'background' : 'url(./images/trls.jpg)'}">
    <router-outlet></router-outlet>
    <alert></alert>
</div>

推荐答案

您可以使用 ngStyle 为div设置背景

You can use ngStyle to set background for a div

<div [ngStyle]="{background: 'url(./images/' + trls.img + ')'}"></div>

或者您也可以使用内置的背景样式:

or you can also use built in background style:

<div [style.background]="'url(/images/' + trls.img + ')'"></div>

这篇关于如何设置Angular 4背景图像?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！