각도에서 중첩 모듈에 대한 라우팅을 수행하는 방법은 무엇입니까?

Question

나는이 같은 모듈 계층 구조를 가지고 :

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' }, 
]); 

그리고는 나도 몰라 어디에 어떻게 경로 서브 모듈을에 노선 ...

submodule1.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 } 
]); 

Answer 1

경로에 '어린이'를 추가하여 하위 노선. 여기에 정의 된 하위 경로는 하위 모듈 경로에서만 볼 수 있습니다.

{ path: 'submodule', component: Submodule1Module, 
    children: [ 
     { path: 'sub-route1', component: SubRoute1 }, 
     { path: 'sub-route2', component: SubRoute2 } 
    ] 
}