Angular dynamic background image in div-CodePudding

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

CodePudding user response：

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.