Angular 正确的路由配置，以便快速加载孙子组件10？

我的应用程序中有三个嵌套模块app.module->leaves.module->balance.module我不想急于加载leaves模块和balance模块。当我在leaves.routing.module中对leaves.module和balance.module进行路由器配置时，应用程序会按预期工作。但是我想要balance.routing.module中的balance.module的路由配置

应用程序模块

@NgModule({
声明：[AppComponent、Page404Component、DashboardComponent]，
导入：[BrowserModule、LeavesModule、AppRoutingModule]，
提供者：[]，
引导：[AppComponent]
})
导出类AppModule{}

应用程序路由模块

const routes:routes=[
{路径：“dashboard”，组件：DashboardComponent}，
{路径：，重定向到：“仪表板”，路径匹配：“完整”}，
{路径：“**”，组件：Page404Component}
];
@NGD模块({
导入：[RouterModule.forRoot（路由，{enableTracing:false}）]，
导出：[路由模块]
})
导出类AppRoutingModule{}

离开。模块

@NgModule({
声明：[
LeavesComponent，
ApplyComponent，
Page404leavesComponent
],
进口：[
公共模块，
平衡模块，
LeavesRoutingModule，
]
})
导出类levesModule{}

离开.路由.模块

const routes:routes=[
{
路径：“树叶”，
组件：LeavesComponent，
儿童：[
{
路径：“应用”，
组件：ApplyComponent
},
//******如何将子路由配置移动到子模块？********/
{
路径：“平衡”，
组件：平衡组件，
儿童：[
{
路径：“休闲”，
组件：CasualComponent
},
{
路径：“赢得”，
组成部分：收入组成部分
},
{
路径：“”，
重定向至：“休闲”，
路径匹配：“已满”
},
{路径：“**”，组件：Page404balanceComponent}
]
},
{
路径：“”，
重定向至：“应用”，
路径匹配：“已满”
},
{路径：“**”，组件：Page404leavesComponent}
]
}
];
@NGD模块({
导入：[RouterModule.forChild（路由）]，
导出：[路由模块]
})
导出类LeavesRoutingModule{}

平衡模块

@NgModule({
声明：[
平衡部分，
偶然成分，
收入部分，
Page404平衡组件
],
进口：[
公共模块，
平衡模块
]
})
导出类BalanceModule{}

平衡.路由.模块

const routes:routes=[]；
@NGD模块({
导入：[RouterModule.forChild（路由）]，
导出：[路由模块]
})
导出类平衡器outingmodule{}

当我将balance.module的路由器配置移动到balance.routing.module时，如下图所示，balance.module根本不会呈现，并且会显示页面

const routes:routes=[{
路径：“平衡”，
组件：平衡组件，
儿童：[
{
路径：“休闲”，
组件：CasualComponent
},
{
路径：“赢得”，
组成部分：收入组成部分
},
{
路径：“”，
重定向至：“休闲”，
路径匹配：“已满”
},
{路径：“**”，组件：Page404balanceComponent}
]
}];
@NGD模块({
导入：[RouterModule.forChild（路由）]，
导出：[路由模块]
})
导出类平衡器outingmodule{}

正确的方法是什么？我认为从设计的角度来看，子模块应该有自己的路线

---

非常感谢你的帮助。谢谢。

如果您不打算延迟加载子模块，那么分离子模块的目的是什么？@BerkKurkcuoglu感谢您的回复。grand child模块中的grand child组件是我的应用程序的第一页。所以我认为模块应该被加载。根据关注点分离，我希望将子路由配置放在子模块内部。（如果角度允许的话）