如何正确地管理儿童路线的创建？

Wanted behavoir ：导航到URL / feed（例如）将加载WebAppComponent并在WebAppComponent内的路由器插座中加载LiveFeedComponent .

但是，这样做时，它只会加载LiveFeedComponent'raw'，因此在根路由器插座中而不是在子路由器插座中 .

AppModule中的根应用程序路由

const APP_ROUTES: Routes = [
{ path: 'landing-page', component: LandingPageComponent },
{ path: '', component: WebAppComponent, canActivate: [AuthGuard], loadChildren: './webapp.module#WebAppModule'},
{ path: '**', redirectTo: '', pathMatch: 'full'},
];

export const appRouting = RouterModule.forRoot(APP_ROUTES, { enableTracing: true });

WebAppModule的子路由

const WEBAPP_ROUTES: Routes = [
{ path: 'feed', component: LiveFeedComponent},
{ path: 'ride-center', component: RegisterRideComponent},
{ path: 'user', component: ProfileComponent, data:{requiresLogin: true},loadChildren: './profile/profile.module#ProfileModule'},
];

export const webappRouting = RouterModule.forChild(WEBAPP_ROUTES);

它应该与WebAppComponent的路径“（空）没有任何关系，因为我试图用相同的结果将它改为'home' .

我只是希望将子路由加载到WebAppComponent中，而不是将它们作为“原始”组件访问（例如，我希望我的 Headers 和导航也被加载） .

angular routing