Kątowa 2: Obrazy dynamiczne

Question

Jaki jest najlepszy sposób ustawienia tagu img w Angular 2?

To nie działa (a nie ze względu na klucz):

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

Jak mijamy w lat/długich wartości w atrybucie src?

Dzięki,

Answer 1

Nie ma potrzeby, aby zamknąć "w atrybucie src jeśli go zamknąć, to rendererowi tak:

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

który nie jest poprawny HTML;

.

Jednym ze sposobów, aby poprawnie zrobić:

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

Innym sposobem jest zbudowanie URL na części i jak podpisz go do zmiennej, a następnie:

<img [src]="urlVariable" />