2017-04-18 21 views
0

2つの異なるケースでモジュールを再利用したいとします。 1つのケース私は指定されたルートを必要とし、別のケースではルートは必要ありません。ルートが設定されている場合と使用されていない場合のモジュールの使用

私は、次のモジュール

const ROUTES: Routes = [ 
    { path: '', component: MyComponent } 
]; 

@NgModule({ 
    imports: [CommonModule, 
     RouterModule.forChild(ROUTES), 
     RouterModule 
    ], 

    declarations: [ 
     MyComponent 
    ], 
    exports: [MyComponent], 
    providers: [] 
}) 
export class MyModule { 
} 

を持って、私は別の名前でと設定したルートずに別のモジュールを作成しようとしたが、それだけで最初のロードのモジュールにそれを設定します重要ではありません。

Routeの有無にかかわらず同じモジュールを使用できますか?

答えて

2

共有可能コンポーネントを宣言してエクスポートするルートを持たないSharedModuleを作成する必要があります+このSharedModuleをインポートするだけのルートを持つWithRoutesModuleモジュールを作成します。

@NgModule({ 
    imports: [ 
    RouterModule, 
    SharedModule 
    ], 
    declarations: [something] 
}) 
export class WithRoutesModule { 
} 


@NgModule({ 
    imports: [ 
    somethingd 
],  
declarations: [ 
    SharedComponent 
], 
    exports: [SharedComponent] 
}) 
export class SharedModule { 
} 
関連する問題