How to set Angular 4 background image?

Question

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> 

Answer 1

You can use ngStyle to set background for a div

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

or you can also use built in background style:

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