Angular 2路由更改为同一组件导致重新加载

2019年7月21日 239次阅读

寻找一些关于为什么路由更改为我的Angular 2应用程序中的同一组件的建议正在重新加载组件.

我有2条路线,都有相同的组件：

> / home
> / home /：id

const appRoutes = [
    {path:'', redirectTo:'/home', pathMatch:'full'},
    {path:'home', component: HomeComponent},
    {path:'home/:id', component: HomeComponent},
];

在两个路径之间切换时,将重新加载组件.更改第二个路径上的参数时,不会重新加载组件(如预期的那样).

有没有办法在不重新加载组件的情况下在这些路由之间进行更改,就像更改参数一样？

看看这个Plunker,看看我的意思

最佳答案 我有同样的问题,所以这是我的解决方案.希望能帮助到你.

    {
      path: '',
      redirectTo: 'home/',
      pathMatch: 'full',
    },
    {
      path: 'home',
      redirectTo: 'home/',
      pathMatch: 'full',
    },
    {
      path: 'home/:id',
      component: HomeComponent,
    }
点赞