angular - Angularでネストされたモジュールでルーティングを行うには?

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.module.ts - レベル 2 モジュール

...輸入

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

ルーティング方法を理解するのに助けが必要な場所は次のとおりです。

submodule1.rounding.ts

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

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