Wie Modul im Hintergrund in Winkel 5 laden?

Question

Ich benutze angular 5 jetzt und ich möchte laden einige Module in background?.

Answer 1

Lazy Loading verwenden. Mit Lazy Loading können Sie es so einrichten, dass nur Ihr erstes Root-App-Modul geladen wird, damit die App schnell angezeigt wird. Anschließend können Sie alle anderen Module mit "Lazy Loading" entweder auf Anforderung oder asynchron im Hintergrund laden.

Sie können hier in den Winkel docs mit einem Beispiel folgen zusammen: https://angular.io/guide/router#preloading-background-loading-of-feature-areas

Ich habe einen kompletten Code Beispiel hier: C: \ Benutzer \ Deborah \ Dokumente GitHub \ \ Angular-Routing

App -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 { }