Я пытаюсь использовать лениво загруженные маршруты модулей, как показано ниже, но не могу найти совпадения для URL localhost:4200/authorization/opcodes
.Хотя он может загрузить главную страницу.
src \ app \ app-routing.module.ts
const routes: Routes = [
{
path: '',
loadChildren: './modules/main-page/main-page.module#MainPageModule'
},
{
path: 'feature',
loadChildren: './modules/feature/feature.module#FeatureModule'
}
];
src \ app \ modules \ main-page \ main-page-routing.module.ts
const routes: Routes = [
{
path: '',
component: MainPageComponent,
canActivate: [AuthGuard],
children:[
{
path: 'authorization',
loadChildren: './authorization/authorization.module#AuthorizationModule'
}
]
}
];
src \ app \ modules \ main-page \ authorization \ authorization-routing.module.ts
const routes: Routes = [
{
path: 'opcodes',
component: OpCodeComponent
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
MainPageComponent isосновной макет, который включает в себя выход маршрутизатора, на котором будет размещаться OpCodesComponent.
Таким образом, поток маршрутизатора должен быть следующим: AppRouterModule -> MainPageRouterModule -> AuthorizationRouterModule.