Im Building Angular7 приложения с несколькими экранами.
и я использую ленивую загрузку.
не могу понять, почему экраны не отображаются в ленивой загрузки внутренних модулей. (URL ИЗМЕНЕН, НО КОМПОНЕНТ НЕ ПОКАЗЫВАЕТСЯ ДАЖЕ, ЕСЛИ Я УСТАНАВЛИВАЮ РОЗЕТКУ-РОЗЕТКУ НА ПУТЕВОДИТЕЛЕ) *
*********app.routing.module.ts*******
const routes: Routes = [
{
path: '', component: HomepageComponent, canActivate: [AuthGuard],
children: [
{
path: 'search', component: SearchOutletComponent,
loadChildren: './personal-info/personal.module#PersonalModule'
},
{ path: "y", component: DateReport},
{ path: "test", component: TestReport},
],
},
{
path: 'Login', children: [
{ path: '', component: LoginComponent }
]
},
{ path: '**', redirectTo: 'Login' }
];
*********Personal.routing.module.ts*******
const routes: Routes = [
{
path: 'personal-info', component: PersonalInfoOutletComponent,
children: [
{ path: '', component: PersonalInfoComponent },
{
path: 'fund',
loadChildren: './fund-details/fund.module#FundlModule',
},
]
},
{ path: '', component: SearchComponent },
];
*******Fund Module*******
const routes: Routes = [
{ path: '', component: FundDetailsComponent }
];
@NgModule({
declarations:
[
FundDetailsComponent
],
imports: [
SharedModule,
CommonModule,
PersonalModule,
MaterialModule,
RouterModule.forChild(routes)
],
exports: [RouterModule],
entryComponents: [UserDetailsComponent]
})
export class FundlModule { }
ТАК, когда я пытаюсь наивгеть
localhost: 4200 / search / personal-info / fund << Я вижу, что в F12 загружена ленивая загрузка, и URL изменен! но компонент фонда не показывает. вместо этого я ПОЛУЧИЛ Компонент этого Маршрута "{путь: '', компонент: SearchComponent},"
И я не могу понять, почему? если я удаляю этот путь, я получаю правильный компонент фонда, как и ожидалось. </p>
все компоненты, такие как
SearchOutletComponent,PersonalInfoOutletComponent
have "<router-outlet></router-outlet>
Внутри они показывают, что они дети.