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