Compte tenu du module de routage racineangulaire 2 Router: Navigation vers d'autres composants
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);
et les utilisateurs module de routage
const usersRoutes: Routes = [
{
path: '', component: UsersComponent,
children: [
{path: 'admittances', component: AdmittancesComponent},
{path: 'admittance/:id', component: AdmittanceDetailComponent}
]
}
];
export const usersRouting: ModuleWithProviders = RouterModule.forChild(usersRoutes);
je veux naviguer de la AdmittancesComponent
au AdmittanceDetailComponent
.
Mais, au lieu d'utiliser
this._router.navigate(['admittance', id]); // ERROR
je dois plutôt utiliser
this._router.navigate(['users/admittance', id]); // WORKS
Quelqu'un peut-il expliquer pourquoi le premier exemple ne fonctionne pas et pourquoi le second le fixe?
C'était l'indice manquant ! Je me demande pourquoi j'ai oublié ça ... – Glains