Angular 2 路由器 : Navigating to other components

Question

给定根路由模块

const appRoutes: Routes = [
    {
        path: '',
        component: HomeComponent,
        children: [
            {
                path: 'users',
                loadChildren: './pages/users/users.module#UsersModule'
            }
        ]
    },
    {path: '', redirectTo: '', pathMatch: 'full'},
    {path: '**', redirectTo: '/login'}
];

export const appRouting: ModuleWithProviders = RouterModule.forRoot(appRoutes);

和用户路由模块

const usersRoutes: Routes = [
    {
        path: '', component: UsersComponent,
        children: [
            {path: 'admittances', component: AdmittancesComponent},
            {path: 'admittance/:id', component: AdmittanceDetailComponent}
        ]
    }
];

export const usersRouting: ModuleWithProviders = RouterModule.forChild(usersRoutes);

我想从 AdmittancesComponent 导航到 AdmittanceDetailComponent。

但是，而不是使用

this._router.navigate(['admittance', id]); // ERROR

我宁愿使用

this._router.navigate(['users/admittance', id]); // WORKS

有人可以解释为什么第一个示例不起作用以及为什么第二个示例修复它吗？

Answer 1

以下链接来自 Angular 文档:https://angular.io/guide/router#relative-navigation

对于使用 .navigate 的相对路由，您需要如下语法:

this.router.navigate([crisis.id], { relativeTo: this.route });