Angular 2: Dynamische Bilder

Question

Was ist der beste Weg, um ein Img-Tag in Angular 2 zu setzen?

Das funktioniert nicht (und nicht wegen des Schlüssels):

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

Wie gehen wir in den lat/long-Werte in das src-Attribut?

Danke,

Answer 1

Es gibt keine Notwendigkeit, die "auf dem src-Attribute zu schließen, wenn Sie es schließen, wird es wie dieser Renderer:

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

, die keine korrekte HTML ist;

.

Eine Möglichkeit, tut es richtig:

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

Ein anderer Weg ist die uRL auf der Komponente zu bauen und als signiere es auf eine Variable, dann:

<img [src]="urlVariable" />