Угловой 2 оберточный проект

Question

Мне нужно разработать угловое приложение 2, которое является оберткой других угловых 2 приложений.

Допустим, основной модуль проекта называется MainModule Другие модули третьих сторон, которые развертываются в НПМ являются AppModule1, AppModule2 ... Я могу установить их в мой основной проект с «НПМ я appmodule1» и т.п ..

Вот мой код:

import {AppModule1} from 'ThirdPartyLibrary/AppModule1'; 
import {AppModule2} from 'ThirdPartyLibrary/AppModule2'; 
import {AppModule3} from 'ThirdPartyLibrary/AppModule3'; 

(импорт остальные модули тоже) .. (позволяет сказать, что я сделал это динамический)

@NgModule({ 
imports: [ 
    BrowserModule, 
    HttpModule, 
    FormsModule, 
    RouterModule.forRoot(routes), 
    AppModule1,AppModule2,..(lets say I made this dynamic) 
], 
declarations: [ 
    MainComponent 
], 
schemas: [ CUSTOM_ELEMENTS_SCHEMA ], 
providers: [ 
    AnyMainModuleService, 
    {provide: LocationStrategy, useClass: HashLocationStrategy} 
], 
bootstrap: [ MainComponent ] 

}) экспорта класс MainModule {}

AppModule1,2,3 .. имеет свои RouterModule.forChild (маршруты) в массиве импорта. Я также попытался использовать RouterModule.forRoot (маршруты). Конфигурация

Маршрутизатор:

{ path: '', redirectTo: 'AppComponent1' }, 
{ path: 'appcomponent1', component: AppComponent1 }, 
{ path: 'appcomponent2', component: AppComponent2 }, 
{ path: 'appcomponent3', component: AppComponent3 }, 
{ path: 'appcomponent4', component: AppComponent4, children: childRoutesOfAppModule4enter code here }, 

маршрутизатор конфигурации внутри AppModule4

export const routes: Routes = [ 
     { path: '', redirectTo: 'home'}, 
     { path: 'home', component: HomeComponent }, 
     { path: 'about', component: AboutComponent} 
    ]; 

Вопрос Конфигурация маршрутизатор AppModule4 который должен быть ребенок маршрут основного компонента сверх- езда на главном маршрутизаторе.

Как только я вхожу в localhost, я должен увидеть AppComponent1, но я получу HomeComponent.

Answer 1

{ path: 'appcomponent4', component: AppComponent4, loadChildren:() => AppModule4} 

Используется для импорта модуль маршрутизатора и внутри AppModule4 установки маршрутов, как RouterModule.forChild (маршруты)