Angular 2：动态图像

【问题标题】：Angular 2: Dynamic ImagesAngular 2：动态图像
【发布时间】：2016-06-14 17:37:42
【问题描述】：

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

这不起作用（不是因为密钥）：

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

【讨论】：