domenica 22 ottobre 2023

Angular dynamic bind img src path image in ngfor

Il frammento di codice qui di seguito, da inserire nella parte "html" del component, illustra una tecnica di come aggiungere dinamicamente tramite ciclo for una serie di immagini da una lista.
Tramite la parola chiave "NgFor" si scorre una lista con il percorso e nome del file immagine da caricare.



<div *ngFor="let immagine of arrayFileImagine" >
            <img [src]="immagine" height="100px" width="100px" >
        </div>

Nessun commento: