2017-05-14 13 views
0

私はこのようなモジュールの階層ました:私は、モジュール、およびモジュールからメインアプリモジュールにサブモジュールからのルーティングを行う方法を知りたいネストされたモジュールのルーティングをAngularで行う方法は?

app 

-- module1 
    - submodule1 
    - submodule2 

を。

これまでのところ、私はでき、このようなメインアプリモジュールへのモジュールからのルート:

app.module.ts - メインモジュール

...imports 

@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    ... 
    AppRoutingModule, 

    //Feature Modules 
    Module1, 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule {} 

app.routing.ts

import { RouterModule } from '@angular/router'; 

export const AppRoutingModule = RouterModule.forRoot([ 
    { path: '', component: AppComponent }, 
    { path: 'module1', loadChildren: './feature/module1/module1.module#Module1' } 
]); 

module1.module.ts - レベル1モジュール

...imports 

@NgModule({ 
    imports: [ 
    SubModule1, 
    SubModule2, 
    Module1RoutingModule 
    ], 
    declarations: [Module1Component], 
}) 
export class Module1 { } 

module1.routing.ts

import { RouterModule } from '@angular/router'; 
import {Module1Component} from "./module1.component"; 

export const Module1RoutingModule = RouterModule.forChild([ 
    { path: '', component: Module1Component }, 
    { path: 'submodule1', loadChildren: '.submodule1/submodule1.module#Submodule1Module' }, 
]); 

そして、ここで私はどのようにルートサブモジュールをするのか分からないところです経路...

サブモジュール1.modul e.ts - レベル2モジュール

...輸入

ここ
@NgModule({ 
    imports: [ 
    Submodule1RoutingModule 
    ], 
    declarations: [Submodule1Component], 
}) 
export class Submodule1Module { } 

だ私は考え出す助けが必要な場所をどのようにルート:

submodule1.rounting.ts

import { RouterModule } from '@angular/router'; 
import {Submodule1Component} from "./submodule1.component"; 

export const Submodule1RoutingModule = RouterModule.forChild([ 
    { path: '', component: Submodule1Component } 
]); 

答えて

1

ルートに「子供」を追加して定義することができますサブルート。 ここで定義されたサブルートは、サブモジュールルート内でのみ表示されます。

{ path: 'submodule', component: Submodule1Module, 
    children: [ 
     { path: 'sub-route1', component: SubRoute1 }, 
     { path: 'sub-route2', component: SubRoute2 } 
    ] 
} 
関連する問題