Angular 2：动态图像

Question

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

这不会（并没有因为关键的）工作：

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