У меня есть приложение с 2 модулями: app.module и лениво загруженный модуль lazy -loaded.module.
Мой URL:
home
users/{userId}/
users/lazy/{id}
users/lazy/{id}/add
users/lazy/{id}/detail
users/lazy/{id}/detail/edit
AppRoutingModule:
const routes: Routes = [
{ path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: 'home', component: HomeComponent },
{ path: 'users',
children [
{ path: ':userId', component: UserComponent },
{ path: 'lazy', loadChildren: './lazy-loaded/lazy-loaded.module#LazyLoadedModule' }
]
}
];
@NgModule({
imports: [
RouterModule.forRoot(routes),
],
exports: [RouterModule],
})
export class AppRoutingModule { }
LazyLoadedRoutingModule:
const routes: Routes = [
{
path: ':id',
children: [
{
path: '', component: LazyHomeComponent
},
{
path: 'add', component: LazyAddComponent
},
{
path: 'detail',
children: [
{
path: '', component: LazyDetailComponent
},
{
path: 'edit', component: LazyDetailEditComponent,
}
]
}
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class LazyLoadedRoutingModule { }
Внутри LazyLoadedModule Я хотел бы использовать URL без префикса пользователей , например,
<a [routerLink]="['detail', 'edit']">Detail edit</a>
В каждом компоненте я хотел бы иметь общий компонент, по которому я могу перемещаться внутри лениво загруженного модуля.Можно ли создавать маршруты относительно пользователей / ленивых ?Это должно быть что-то вроде root для модуля.