Wie Routing auf verschachtelte Module in Eckige zu tun?

Question

Ich habe ein Modul Hierarchie wie folgt aus:

app 

-- module1 
    - submodule1 
    - submodule2 

Ich möchte wissen, wie das Routing von Submodule Module zu tun, und von den Modulen mit dem Haupt App-Modul.

Bisher kann ich Route von Modulen zur Haupt App-Modul wie folgt aus:

app.module.ts - Hauptmodul

...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 - Stufe 1 Modul

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

Und hier ist, wo ich weiß nicht, wie das Submodul zu routen Routen ...

submodule1.modul e.ts - Stufe 2 Modul

... Importe

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

Hier, wo ich helfen müssen, herauszufinden, wie Zustieg:

submodule1.rounting.ts

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

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

Answer 1

Sie können eine 'Kinder' in Ihrer Route hinzufügen zu definieren die Unterstrecken. Teilrouten hier definiert werden nur innerhalb der Submodul Strecke sichtbar.

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