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

Question

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

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

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

  }

我希望页面导航到与Ionic 4相同的页面

Answer 1

要导航到页面，请使用：

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

Answer 2

最好的方法是设置onSameUrlNavigation，告诉angular重新加载。如果不是这样的话，黑客就会使用navigateByUrl。

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

这样，您传递了一个参数，并且重新加载将会完成，因为angular会检测到一个不同的url并导航到它(如果当前页面没有相同的传递id )。不过，在这种情况下，这并不是最好的方法。只是一个变通的方法。

Answer 3

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