2016-11-29 5 views
1

私は他の角度2アプリケーションのラッパーである角度2アプリケーションを開発しなければなりません。角2ラッパープロジェクト

は、プロジェクトのメインモジュールがMainModuleと呼ばれているとしましょうNPMに配備されている 他のサードパーティのモジュールはAppModule1、AppModule2、... ある私は私のメインのプロジェクトにそれらをインストールすることができます「NPM私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(ルート)を使ってみました。

ルータの設定:AppModule4

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

内部

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

ルータの設定質問が主成分の子ルートであると考えられるAppModule4のルータの設定がオーバーですメインルータに乗る。

私はlocalhostを入力するとAppComponent1を見ることになりましたが、私はHomeComponentを取得します。

答えて

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

使用このルータモジュールをインポートしAppModule4内部RouterModule.forChild(経路)としてのルートをインストールする