Угловой 2: Динамические изображения

Question

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

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

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

Как мы проходим в Шир/значений в атрибуте SRC?

Спасибо,

Answer 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" />