Ionic 4 导航到包含新数据的页面答案

【问题标题】：Ionic 4 Navigate to page with new dataIonic 4 导航到包含新数据的页面
【发布时间】：2020-09-10 09:08:51
【问题描述】：

我有一个基于某些用户信息显示结果的主页。从结果页面用户可以导航到个人资料页面并编辑信息。编辑信息后，他们导航回主页。问题是，主页没有用新结果刷新。它仍然显示旧结果。如何使用新数据重新加载此页面。

home.page.ts：

openProfilePage() {
   this.router.navigate(['/profile']);
}

profile.page.ts

onSubmit() {
    this.router.navigate(['/home'], {replaceUrl: true});
}

【问题讨论】：

标签： ionic-framework ionic4 angular-router

【解决方案1】：

您可以触发您需要拨打的电话以更新以下信息：

ionViewDidEnter() {
  console.log('ionViewDidEnter ');
  // call update function
}

【讨论】：

【解决方案2】：

ionViewWillEnter(){
  //here you check data is changed or not and call your function according to that this method call every time when navigate to home page
}

【讨论】：

【解决方案3】：

我的应用程序的主界面是根据应用程序是否已激活而动态构建的。我创建了一个之前的路由服务，它使用 Angular 的 Activated Route 来检测主界面是否需要在不进行完全刷新的情况下进行更新。

【讨论】：