角度2：动态图像

Question

在 Angular2 中设置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" />