angular-auxiliary-routes

问题 I have root routing defined as const routes: Routes = [{ path: '', component: HomeComponent }, { path: 'module1', loadChildren: './module1/module1.module#Module1Module' }, { path: '**', redirectTo: '' } ]; the module1.routing.ts has: const routes: Routes = [{ path: '', component: SubModule1Component, children: [{ path: 'mod1child1', component: SubMod1Child1Component }, { path: 'mod1child2', component: SubMod1Child2Component, children: [{ path: '', component: Outlet1Component, outlet: 'outlet1

问题 I'm trying to use an auxuliary router-outlet inside the primary router-outlet. app.routing export const appRoutes: Routes = [ { path: '', component: HomeComponent }, { path: 'page', loadChildren: () => new Promise(function (resolve) { (require as any).ensure([], function (require: any) { resolve(require('../pages/page.module').default); }); }) } ]; app.component @Component({ template: `<h1>My App!</h1> <a [routerLink]="['/page']">Page</a> <router-outlet></router-outlet>` }) page.module