Lazy Load Direktiven in Angular2

Question

Ich konnte nicht wirklich eine Antwort auf SO darüber finden, also wenn es eine Lösung oder sogar Best Practice über lazy loading von Direktiven in Angular (RC4) gibt, würde ich mich freuen zu hören.

Answer 1

Lazy Loading wurde mit rc.5 eingeführt und dient zum Laden von Modulen. Sie können jedoch Ihre Anweisungen in Modulen entsprechend Ihren Anforderungen organisieren.

Siehe https://angularjs.blogspot.de/ für eine Anleitung, wie Sie mit Lazy Loading beginnen können.

Lazy Loading-Neben AoT Zusammenstellung ermöglicht und in der Regel die Entwickler Erfahrung von Angular2 verbessern, ermöglicht NgModules eine einfache Art und Weise zu faul Last Stücken Ihrer Anwendung über den Router. Ein einfaches Beispiel verdeutlicht dies:

import {RouterModule} from 
‘@angular/router’ import {NgModule} from ‘@angular/core’ @NgModule({ 
declarations: [ MyComponent, MyHomeRoute ], bootstrap: [ MyComponent 
], imports: [ 
    RouterModule.forRoot([ 
     { path: ‘home’, component: MyHomeRoute }, 
     { path: ‘lazy’, loadChildren: ‘./my-lazy-module’ } 
    ]) }) class MyAppModule {} 

Sie einfach eine loadChildren Eigenschaft auf einer Route definieren und Angular wird das Modul an dieser Stelle gehen holen und die Routen laden in es in den Router-Konfigurations definiert.