0

He creado un array de imágenes en angular 6, pero cuando voy a mostrarlo en la plantilla no se me muestra.

Aquí dejo mi código ts

public images=[
    {src:'assets/img/28.png'},
    {src:'assets/img/53.png'},
    {src:'assets/img/43.png'}
  ];

y mi HTML

<img src="{{images.src}}" alt=""/>

Gracias y un saludo

1 respuesta 1

2

Tienes que recorrer las imágenes e ir obteniendo la propiedad del item del array, un ejemplo sería:

<div *ngFor="let image in images">
   <img [src]="image.src" alt="">
</div>

Además angular nos permite bindar el atributo src de image a una propiedad indicando directamente [src] y el la propiedad ha ser bindada.

1
  • 1
    Cierto, se me había olvidado el ngFor, muchas gracias Commented el 27 nov. 2018 a las 14:51

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.