How to reload a Page from another class with Ionic3

Question

I have 2 Folders. /HomePage and /SettingsPage.

/HomePage contains:

home.html
home.ts

The /SettingsPage contains:

settings.html
settings.ts

I want to "clean"/reload my HompePage (home.html) from settings.ts

I reload/refresh my settings.html with this:

this.navCtrl.setRoot(this.navCtrl.getActive().component);

sebaferreras · Accepted Answer · 2017-07-04 08:48:00Z

1

You could use Events for that:

import { Events } from 'ionic-angular';

// SettingsPage (publish an event when you need to reload the HomePage)
constructor(public events: Events) {}

shouldReload() {
  events.publish('shouldReloadData');
}


// HomePage (listen for the event to reload the page)
constructor(public events: Events) {
  events.subscribe('shouldReloadData', () => {
    // Reload the page here
  });
}

answered Jul 4, 2017 at 8:48

sebaferreras

44.7k11 gold badges120 silver badges137 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

MrFlyingToasterman Over a year ago

You are awesome! Thats exactly what i need! Thank you so much :)

sebaferreras Over a year ago

Glad to hear that it helped :)

Collectives™ on Stack Overflow

How to reload a Page from another class with Ionic3

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related