如何在角度5的背景下加载模块？

Question

我现在正在使用angular 5而我想在background中加载少量模块？

Answer 1

使用延迟加载。使用延迟加载，您可以将其设置为仅加载您的第一个根应用程序模块，以便应用程序快速启动。然后，您可以使用延迟加载在后台按需或异步加载所有其他模块。

您可以在此处按照Angular文档中的示例进行操作：https://angular.io/guide/router#preloading-background-loading-of-feature-areas

我在这里有一个完整的代码示例：https://github.com/DeborahK/Angular-Routing

应用-routing.module.ts

@NgModule({
    imports: [
        RouterModule.forRoot([
            { path: 'welcome', component: WelcomeComponent },
            {
                path: 'products',
                canActivate: [ AuthGuard ],
                data: { preload: true },
                loadChildren: 'app/products/product.module#ProductModule'
            },
            { path: '', redirectTo: 'welcome', pathMatch: 'full' },
            { path: '**', component: PageNotFoundComponent }
        ], { preloadingStrategy: PreloadAllModules }) // , { enableTracing: true })
    ],
    exports: [ RouterModule ]
})
export class AppRoutingModule { }