Angular 路由到组件内的模块

该应用程序分为多个功能模块。 每个“页面”都加载到侧菜单组件中（以便所有页面都显示导航）。导航的结构如下所示：

<page-router-outlet>
    <side-menu>
        <router-outlet>
        </router-outlet>
    </side-menu>
</page-router-outlet>

当我使用AppModule导航到任何东西时，它都可以正常工作——它被加载到路由器出口中。但是，当我导航到另一个模块时，侧菜单消失了——看起来就像当我导航出AppModule时，导航是在页面路由器出口上完成的，而不是在内部

如何在路由到其他模块时实现相同的行为？

主模块路由：

{
    path: 'view',
    component: SideMenu,
    children: [
        {
            path: 'path/myModule',
            loadChildren: () => MyModule
        },
    ]
},
{
    path: 'modules/myModule',
    redirectTo: 'view/path/myModule'
}

myModule路由很简单，没有类似这样的子级：

{
    path: 'reports',
    component: ReportPage,
}

问题可能出在

路径匹配：完整

主模块路由：

{
    path: 'view',
    component: SideMenu,
    children: [
        {
            path: 'path/myModule',
            loadChildren: () => MyModule
        },
    ]
},
{
    path: 'modules/myModule',
    redirectTo: 'view/path/myModule'
}

myModule路由很简单，没有类似这样的子级：

{
    path: 'reports',
    component: ReportPage,
}

问题可能出在

路径匹配：完整