Dynamic Image Name In Angular4

In assets folder, I already have images, but name will come from backend name like foo we have variable in component, say public imageName and foo will bind to this varialbe dynami

Solution 1:

Try this syntax:

<img [src]="'assets/'+imageName+'.jpg'" class="img-thumbnail" alt="{{imageName}}" width="304" height="236">