将空白路由到ID为的子组件

Question

我希望www.mypage.com/users被路由到www.mypage.com/users/1，如何实现？

我尝试关注

 path: 'users', redirectTo: '1', pathMatch: 'full', children: [     
  { path: ':id', component: UsersComponent }
]

我也可以返回404页面，但这不是我想要的。

Answer 1

这可以通过在子路由内添加''（空白）路径检查再添加一个子路由来完成。但是您必须创建一个父组件，该组件的模板将再次具有router-outlet。

{
  path: 'users', component: UserWrapperComponent, 
    children: [
       { path: '', redirectTo: '1', pathMatch: 'full' }
       { path: ':id', component: UsersComponent }
    ]
}

Answer 2

尝试一下

{path: 'users', redirectTo: 'users/1', pathMatch: 'full', children: [     
  { path: '1', component: UsersComponent }
]