如何將多個angular2子應用動態集成到一個父應用中angular2 app

Question

我正在研究一個用例，我需要在主父應用中放置多個ng2應用。我可以在angular2路由中使用systemjs捆綁配置和'loadChildren'屬性來管理路由，但是子應用可以具有單獨的路徑和獨立的systemjs配置。如何實現這一目標？

Answer 1

您可以延遲加載多個@NMModules，其中每個模塊是一個單獨的應用程序。

compRef: ComponentRef<any>; 
constructor(private moduleLoader: SystemJsNgModuleLoader) { } 

this.moduleLoader.load(`/path/to/my/app`) 
    .then((moduleFactory: NgModuleFactory<any>) => { 
    const vcRef = this.vcRef; 
    const ngModuleRef = moduleFactory.create(vcRef.parentInjector); 
    const comp = ngModuleRef.injector.get(LazyLoadConfig).component; 
    const compFactory = ngModuleRef.componentFactoryResolver.resolveComponentFactory(comp); 
    this.compRef = vcRef.createComponent(compFactory, 0, ngModuleRef.injector); 
    }); 

查看this plunker的工作示例。