У меня есть 3 вкладки навигации, и я пытаюсь загрузить компоненты, которые являются частью разных модулей, в разные <router-outlet>
Tab0Component,Tab1Component component
является частью storeashboardModule и storedashboardModule
загружается с отложенной загрузкой.Просто сначала загрузите storedashboardModule
и сначала направьте на tab0
.
Попытайтесь проложить маршрут к store/tab0
для tab0
вначале, а при нажатии tab1
перейдите к route/tab1
Ссылка на стек: -
https://stackblitz.com/edit/angular-qbyemp?file=src/app/customers/customers.module.ts
app.component.html
<router-outlet></router-outlet>
app.routing.ts
Routes = [
{
path: '',
redirectTo: 'store/tab0',
pathMatch: 'full',
},
{
path: '',
component: CmnLayoutComponent,
children: [
{
path: 'store',
loadChildren: () => import('./store-dashboard/store-dashboard.module').then(m => m.storedashboardModule)
},
{
path: 'search',
loadChildren: () => import('./custom-components/custom-components.module').then(m => m.CustomComponentsModule)
}
]
}
];
vedashboardModule.routing.ts
Routes = [
{
path: 'tab0',
component: Tab0Component,
outlet: "tab0",
data: {
title: 'tab0'
}
},
{
path: 'tab1',
component: Tab1Component,
outlet: "tab1",
data: {
title: 'tab1'
}
}
];
CmnLayoutComponent.html
<router-outlet name="tab0"></router-outlet>
<router-outlet name="tab1"></router-outlet>
<router-outlet name="search"></router-outlet>