ion-refresherat the top of
ion-contentin your page
ion-refresher-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.
(ionRefresh)="doRefresh($event)"is basically an
ionRefreshlistener implemented, which fires on a pull-down and release event of the page. It then calls a function
doRefresh(or any function you want), and you can implement the proper logic to fetch more data.
event.target.complete();tells the app that loading new data is completed, and the loader can be hidden. This will require a custom logic on your end. For demo purpose, we stop fetching new data when the list item count exceeds 10.