Angular dynamic background image in div

Trying to load image dynamically from server in div but unable to do so:

<div class="thumb" style="background-image: url('https://www.abcd.com/+ post.image)"></div>

I have already tried snippets but they don’t work from this post Angular dynamic background images

>Solution :

if you want use dynamically. Dont use this syntactic

<div class="thumb" style="background-image: url('https://www.abcd.com/+ post.image)"></div> 

try do this

<div class="thumb" [ngStyle]="{'background-image': 'url(' + post.imageURL + ')'}" > <div>

Hope this will be helpful.

Leave a Reply