如何在Angular中的嵌套模块上进行路由？

我得到了如下模块层次结构：

app

-- module1
   - submodule1
   - submodule2

我想知道如何从子模块到模块，从模块到主应用程序模块进行路由

到目前为止，我可以像这样从模块路由到主应用程序模块：

app

-- module1
   - submodule1
   - submodule2

app.module.ts-主模块

app.routing.ts

module1.module.ts-一级模块

模块1.routing.ts

这是我不知道如何路由子模块路由的地方

子模块1.module.ts-二级模块

…进口

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

以下是我需要帮助确定路线的地方：

子模块1.rouning.ts

---

您可以在管线中添加“子管线”以定义子管线。 此处定义的子布线仅在子模块布线内部可见

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

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

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

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

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

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