What is the recommended way to dynamically set background image in Angular 4

Question

Currently I\'m setting the image background using inline-style.

Answer 1

You can't do it thourgh CSS files. However, you can make your current code little less verbose :

If angular throws security errors, you will have to sanitize too. So you will do something like this: in HTML file-

in your TS file

this.background= 
this.sanitization.bypassSecurityTrustStyle(`url(${this.section.backgroundSrc}) no-repeat`);