Tengo un requisito en el que he actualizado el contenido de la página actual al hacer clic en el botón Actualizar en la página actual. Revisé algunos sitios web, pero no tengo muy claro esta funcionalidad. ¿Alguien podría sugerirme cómo hacerlo?
Al hacer clic en el botón de actualización, puede llamar al método de evento de la página ionViewWillEnter()
De los documentos oficiales --> ionViewWillEnter() Se ejecuta cuando la página está a punto de ingresar y convertirse en la página activa.
HTML
<button (click)="refreshPage()">Refresh Page</button>Mecanografiado
ionViewWillEnter(){ this.myDefaultMethodToFetchData(); } refreshPage() { this.ionViewWillEnter(); } myDefaultMethodToFetchData(){ ...Do Something, when the page opens... }¡¡¡Esto funcionará!!! Dé esto bajo la función que se llama en el evento de clic de botón.
this.navCtrl.setRoot(this.navCtrl.getActive().component);o
Utilice el evento de ciclo de vida ionViewWillEnter en su página. Puede poner el código correcto en ese método para actualizar todas las cosas necesarias en su página. https://ionicframework.com/docs/api/navigation/NavController/
Agregue esto en el constructor y simplemente reemplace el nombre de su página
this.navigationSubscription = this.router.events.subscribe((e: any) => { if (e instanceof NavigationEnd && e.url === '/page-name' && localStorage.getItem('prevUrl') === '/page-name') { this.ionViewWillEnter(); this.ngOnInit } });