Я настраиваю угловое приложение, отвечающее за удержание нескольких веб-сайтов в зависимости от «модуля», после настройки моего основного маршрутизатора, который будет маршрутизировать на несколько «модулей» (например, home, gamejam, dashboard).
Внутри «домашнего» модуля есть еще один выход маршрутизатора, маршрутизирующий страницы внутри «домашнего», но есть проблема, «домашний» должен отображать навигационную панель, а затем содержимое его страниц, но этого не происходит ввсе.
Я пытался назвать эти два выхода маршрутизатора, но в конечном итоге связался с моими перенаправлениями.
app-routing.module.ts
const routes: Routes = [
{ path: '', pathMatch: 'full', redirectTo: 'home' },
{ path: 'home', loadChildren: () => import('./home/home.module').then(m => m.HomeModule) },
{ path: 'gamejam', loadChildren: () => import('./home/home.module').then(m => m.HomeModule) },
{ path: 'dashboard', loadChildren: () => import('./home/home.module').then(m => m.HomeModule) },
{ path: '404', loadChildren: () => import('./home/home.module').then(m => m.HomeModule) },
{ path: '**', redirectTo: '/404'}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
home-routing.module.ts
const routes: Routes = [
{ path: '', pathMatch: 'full', redirectTo: 'landing' },
{ path: 'landing', loadChildren: () => import('./pages/landing/home-landing.module').then(m => m.HomeLandingModule) },
{ path: 'about', loadChildren: () => import('./pages/about/home-about.module').then(m => m.HomeAboutModule) },
{ path: 'sponsors', loadChildren: () => import('./pages/sponsors/home-sponsors.module').then(m => m.HomeSponsorsModule) },
{ path: 'legal', loadChildren: () => import('./pages/legal/home-legal.module').then(m => m.HomeLegalModule) },
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class HomeRoutingModule { }
PS: игнорировать другие модули, использующие те же .ts, что и 'home', их структура еще не готова.