2016-03-02 17 views
16

角2でimgタグを設定するにはどうすればよいですか?角2:動的画像

これは(とではないので、キーの)動作しません。

<img src="//maps.googleapis.com/maps/api/streetview?size=400x400&location="{{property.lat}}, {{property.long}}"key=aiwefmboij234blahblah" /> 

を我々はsrc属性に緯度/経度の値を渡すにはどうすればよいですか?

おかげで、

答えて

42

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

あなたの洞察力に感謝します。私はあなたの指示に従って、私のストリートビューの絵を描きました。これはドキュメントがこのシナリオでは少し軽いので多くの人に役立つかもしれないと私は思います。 – LargeDachshund