小编Fab*_*oli的帖子

主路由器插座内的辅助路由器插座

我正在尝试在主路由器插座内使用辅助路由器插座.

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);
            });
        })
    }
];
Run Code Online (Sandbox Code Playgroud)

app.component

@Component({
    template: `<h1>My App!</h1>
        <a [routerLink]="['/page']">Page</a>
        <router-outlet></router-outlet>`
})
Run Code Online (Sandbox Code Playgroud)

page.module

@NgModule({
    imports: [
        CommonModule,
        RouterModule.forChild([
            {
                path: '',
                component: PageComponent
            },
            {
                path: 'auxpath',
                component: AuxComponent,
                outlet: 'auxoutlet'
            }
        ])
    ],
  declarations: [PageComponent],
  exports: [PageComponent]
})
export default class PageModule {}
Run Code Online (Sandbox Code Playgroud)

page.component

@Component({
    template: …
Run Code Online (Sandbox Code Playgroud)

angular-routing angular angular-auxiliary-routes

5
推荐指数
2
解决办法
4636
查看次数