This little helper is built into Ionic and can easily be implemented so that a user pulls down from the top of the screen to “F5”-reload the page. The documentation is at…/components/…/Refresher/.

Components in Ionic are high-level building blocks. They are documented

Refershing the page with the map

In the file src/pages/map/map.html there is at the top:

  <ion-refresher (ionRefresh)="doRefresh($event)">

This “component” then triggers in map.ts doRefresh():

  doRefresh(refresher) {
    setTimeout(() => {
    }, 2000);

To prevent an infinite loop e.g. when the network is down the whole execution is limited to two seconds.

screenshot of refresher with called method executing