Ionic Refresh Current Page

[kosalam2]

Hi Home can i refresh current page using ionic 2.

[fredy26]

Yep. Same question. I would like to refresh my ion-list on online and offline events…

[iignatov]

AFAIK this is not possible, just bind to page properties and update them accordingly.

[Haroun]

Hi, try just to make : location.reload();

hope that’s help

[alessandronunescapge]

import { ViewChild } from ‘@angular/core’;
import { Content } from ‘ionic-angular’;

export class TestPage {
@ViewChild(Content) content: Content;

update(){
    this.content.resize();
}

}

[dupinder]

You can try this…

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

[yoke92]

did any get how to reload a page

[rapropos]

What are you actually trying to do? Much of the entire point of Angular’s change detection is to eliminate any need to ever be reloading pages.

[dimitri320]

Well I’m opening up a Modal from a page, where I fill in some data, and when I submit the modal (it dismisses), I want that new data to be shown (“without reloading”) on the page which called the modal in the first place. I can’t do it via the Constructor, as it’s run only once when the page loads the first time. I need some more clever dynamic data update functionality.

[lucasbasquerotto]

@dimitri320 I do this with popovers, and I think that with modals you can do the same:

let params: ComponentBParams = {
	param1,
	param2,
};
let popover = this.popoverCtrl.create(ComponentB, params);
popover.onDidDismiss(() => this.refresh());
popover.present(); 

More info here.

For alerts, I use this approach:

public showAlertTest(options: AlertOptions = {}): Promise<void> {
	return new Promise(resolve => {
		let alert = this.alertCtrl.create(options);
		alert.didLeave.first().subscribe(() => resolve(null));
		alert.present();
	});
}

public test() {
	let options: AlertOptions = {}; // fill with your options
	this.showAlertTest(options).then(() => this.refresh());
}

[dimitri320]

Yes, this is exactly what I got this morning:

modal.onDidDismiss(() => {
this.loadData(“Data”);
});

But in the end, I decided to scratch the Modal all together! Oh well, a good learning exercise none the less.

[tahiryasin]

Worked like a charm ! Thanks !!!

[EMProducts]

can you please look at this problem , and guide me towards the correct solution.
this is a situation that I really need to force refresh or reload the list in the page.

Refresh page depending on menu acting as filter

I’m creating the menu application , but I only show the menu in one page as overlay menu to act as filter to kind of filter and sort the list shown in this specific page. the problem is when i open the menu , choose my filter criteria, save it to local storage , then closes the menu, the page doesn’t refresh, it doesn’t trigger ionViewWillEnter() or ionViewDidlEnter() or ionViewDidLoad(), so I can read my filter criteria and reload the list. so how can I achieve this behavior ?? [image]

[profitsventure]

It’s working. Thank you

[HugoPetla]

@iignatov

AFAIK this is not possible, just bind to page properties and update them accordingly.

I’m with a problem that when I read via bluetooth an code, I add a value to a variable shown on the screen. The value change but the view just refresh when I press any button. Anyone have a solution to this?

[HugoPetla]

this.navCtrl.setRoot(this.navCtrl.getActive().component); it’s not the solution . It removes all previous navigations.

I’m showing a value that changes when I read a bluetooth code. It works perfect, but the variable do not change on screen, it just change when I press any button on the screen. Someone have a solution to this?

[HugoPetla]

To solve my problem I used this How to properly re-render a component in Ionic manually

[Ben1nB1ack]

I read through a bunch of these solutions and really none worked for me.

ionic --version
3.13.0

Since the page is a basically a view

I added to constructor
private viewCtrl: ViewController

make sure to
import {ViewController} from ‘ionic-angular’;

I’m using

ionViewDidEnter()
to as my main view event refresh

So when I was calling a delete function like

onRemoveItem(idx:number) {
      this.someStorageProvider.deleteItem(idx);
          this.someStorageProvider.getItemList().then(res => {
      this.currentList = res;
      this.viewCtrl._didEnter(); //<---- this is what dis the trick
    });

The ViewController can trigger an
ionViewDidEnter
by
_didEnter() method

this force refresh on my

<ion-list *ngIf=“currentList.length > 0” >

Hope this helps…

[felix9607]

https://angular.io/guide/displaying-data

[brantzzu]

You can try window.location.reload()