Receiving an object from a service that contains an image and detailed information has me wondering about the best way to implement lazy loading for a gallery. I would like to load the images slowly as the user scrolls, rather than all at once.
If anyone has any advice or can help with this, it would be greatly appreciated!
This is the HTML code snippet:
<ul class="mdc-image-list my-image-list">
<ng-container *ngFor="let product of data; let j = index;">
<li class="mdc-image-list__item">
<div class="mdc-image-list__image-aspect-container">
<img [src]="product.image" class="mdc-image-list__image">
</div>
</li>
</ng-container>
</ul>