将空白路由到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 }
]