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

Question

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

我已经尝试过此代码但无法正常工作this.navCtrl.navigateRoot('super');

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

  }

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

Answer 1

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

Answer 2

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

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

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

Answer 3

导航到页面使用：

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