How to use ngStyle for background url in Angular 4

Question

I have below html:

Answer 1

Working for Angular 8+ (Power of template literals): In component, define ngStyle object var (here called as styles, initialised in constructor):

const bgImageUrl = 'assets/images/dot-grid.png'
const styles = {
  backgroundImage: `url(${bgImageUrl})`
};

In template, assign this as ngStyle