Question

我想使用Ionic 4中的路由浏览同一页面。

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

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

  }

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

Answer 1

导航到页面使用：

this.navCtrl.navigateRoot('/route');

，您应该指定这样的页面路由

const routes: Routes = [
  { path: 'login', component: LoginPage },
  { path: 'home', component: HomePage },
  { path: 'detail/:id', component: DetailPage },
  { path: '', redirectTo: '/login', pathMatch: 'full'}
];

您可以阅读更多详细信息here

Answer 2

导航到页面使用：

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

Answer 3

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

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

通过这种方式，您正在传递参数，并且将完成重新加载，因为angular会检测到不同的URL并导航到该URL（如果当前页面没有相同的传递ID）。在这种情况下，这不是最漂亮的方法。只是解决。

Answer 4

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

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

4 个答案: