Angular 2: Динамические изображения

Какой лучший способ установить тег img в Angular 2?

Это не работает (и не из-за ключа):

<img src="//maps.googleapis.com/maps/api/streetview?size=400x400&location="{{property.lat}}, {{property.long}}"key=aiwefmboij234blahblah" />

Как мы передаем значения lat/long в атрибут src?

Спасибо,

Ответы

Ответ 1

Нет необходимости закрывать атрибут src. Если вы его закроете, он будет выглядеть следующим образом:

<img src="//maps.googleapis.com/maps/api/streetview?size=400x400&location=" 12.121212 , 13.31133 "&key=aiwefmboij234blahblah" />

Какой не правильный HTML,

Один из способов правильно сделать это:

<img src="//maps.googleapis.com/maps/api/streetview?size=400x400&location={{property.lat}},{{property.long}}&key=aiwefmboij234blahblah" />

Другой способ - создать URL-адрес компонента и присвоить его переменной, а затем:

<img [src]="urlVariable" />