image - Angular 2 : Dynamic Images

Question

在 Angular2 中设置 img 标签的最佳方式是什么？

这行不通(不是因为 key ):

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