image - img onerror ionic

Angular 2: imágenes dinámicas

Question

¿Cuál es la mejor manera de establecer una etiqueta img en Angular 2?

Esto no funciona (y no a causa de la clave):

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

¿Cómo pasamos los valores lat / long en el atributo src?

Gracias,

Answer 1

No es necesario cerrar el atributo "on the src". Si lo cierra, se renderizará así:

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

Que no es un HTML correcto;

Una forma de hacerlo correctamente:

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

Otra forma es construir la url en el componente y asignarlo a una variable, entonces:

<img [src]="urlVariable" />