How to change image source in Angular master/detail interface?

Question

I am trying to build a simple master/detail view in angular(4) with an img in 'detail' component but i couldn't figure out how to change the img src every time i select an element from the master list.

Image links are like this;

"https://example.com/someapi/id.png"

Answer 1

You shuld bind [src] to the image's url, like this:

<img [src]="imgUrl" [alt]="imgAlt">