ion-infinite-scrollat the bottom of
ion-contentin your page
ion-infinite-scroll-contentcontains the elements which will show when the page is loading new content. You can put text, images or GIFs here as per your app design.
(ionInfinite)="loadData($event)"is basically an
ionInfinitelistener implemented, which fires on a scroll event when you reach the bottom of the page on scrolling. It then calls a function
loadData(or any function you want), and you can implement the proper logic to fetch more data.
event.target.complete();tells the app that the infinite scroll action (loading more data) is completed, and the loader can be hidden.