Angular 2: Immagini dinamiche

Question

Qual è il modo migliore per impostare un tag img in Angular 2?

Questo non funziona (e non a causa della chiave):

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

Come si passa nei valori lat/lungo nel l'attributo src?

Grazie,

Answer 1

Non c'è bisogno di chiudere il "per l'attributo src, se lo si chiude, si renderer in questo modo:

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

che non è una corretta HTML;

.

un modo per farlo correttamente:

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

Un altro modo è quello di costruire l'url sul componente e come firmalo a una variabile, quindi:

<img [src]="urlVariable" />