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