如何使用 Ionic-4 中的路由导航同一页面？答案

【问题标题】：How to navigate the same page using routing in Ionic-4?如何使用 Ionic-4 中的路由导航同一页面？
【发布时间】：2019-11-06 04:40:44
【问题描述】：

我想在 Ionic 4 中使用路由导航同一页面。

我已经尝试过这段代码但不能正常工作this.navCtrl.navigateRoot('super');

itemClicked(event) {
this.navCtrl.navigateRoot('super');

  }

我希望页面导航到 Ionic 4 中的同一页面

【问题讨论】：

【解决方案1】：

导航到页面使用：

this.navCtrl.navigateRoot(['/route',object]);

【讨论】：

【解决方案2】：

最好的方法是设置onSameUrlNavigation，告诉angular重新加载。如果没有，黑客将使用navigateByUrl。

this.router.navigateByUrl(`/super/${id}`);

这样，您将传递一个参数并且重新加载将完成，因为 Angular 检测到不同的 url 并导航到它（如果当前页面没有相同的传递 id）。在这种情况下，这不是最漂亮的方法。 只是一种解决方法。

【讨论】：

【解决方案3】：

{
    path: '',
    component: MyPage
  },
  {
    path: ':id',
    component: MyPage
  }

【讨论】：