Angular 2 : What's the equivalent of the router 'loadChildren' without lazy loading

Question

我正在尝试将包含路由配置(从 RouterModule.forChild() 导入)的子 ngModule(功能模块)“插入”到父 ngModule。

使用延迟加载时，使用父模块路由配置中的 loadChildren 键指定“插入”子模块的位置。

例如:

export const parentModuleRouteConfig = [{
    path: 'myfeaturemodule',
    loadChildren: '/app/child.module'
}];

实际上，我不想使用延迟加载。

我如何告诉路由器“插入”(或使用)给定路径的子模块中指定的路由配置？

Answer 1

使用 AOT

导出您的子路由，而不是将它们添加到您的子模块。

export const ChildRoutes: Routes = [
    { path: '', component: ChildComponent }
];

将子模块导入到父模块中，直接包含路由。

const parentModuleRouteConfig: [{
    path: 'myfeaturemodule',
    // loadChildren: () => ChildModule
    children: ChildRoutes
}];

@NgModule({
    imports: [
        ChildModule
    ]
})
export class ParentModule { }

没有AOT

您仍然可以使用 loadChildren 来同步加载。有一些例子in this github issue .

import { ChildModule } from '/app/child.module';

export const parentModuleRouteConfig = [{
    path: 'myfeaturemodule',
    loadChildren: () => ChildModule
}];