Attribute property binding for background-image url in Angular 2

Question

I have been struggling to figure out the best way to dynamically change the background-image attribute in a number of Angular 2 components.

Answer 1

The main reason is simple, you declared a global variable as blankImage but in the template you called image instead of blankImage.

Your ts code variable blankImage

blankImage: string = '../assets/.../camera.png';

Your template code variable image