Köşeli 2: Dinamik Görüntüler

Question

Angular 2'de bir img etiketi oluşturmanın en iyi yolu nedir?

Bu (ve çünkü anahtarın) çalışmaz:

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

biz src niteliği içine enlem/boylam değerleri geçmesine nasıl?

sayesinde

Answer 1

src niteliği üzerinde "kapatmaya gerek yoktur edilir kapatırken, eğer böyle oluşturucuya olacaktır:

<img src="//maps.googleapis.com/maps/api/streetview?size=400x400&location=" 12.121212 , 13.31133 "&key=aiwefmboij234blahblah" /> 

doğru bir HTML değil hangisi;

.

bir yolu doğru bir şekilde yapmak:

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

başka yolu da bileşeni gibi url oluşturmaktır bir değişkene imzalayın, o zaman:

<img [src]="urlVariable" />