该应用程序被划分为功能模块。每个“页面”都被加载到一个SideMenu组件中(这样所有的页面都会显示导航)。导航的结构如下所示:
<page-router-outlet>
<side-menu>
<router-outlet>
</router-outlet>
</side-menu>
</page-router-outlet>
Page-router-outlet是NativeScript的一个特定的路由器出口,但在这种情况下应该没有任何区别。
这是路由配置:
{
path: 'view',
component: SideMenu,
children: [
{path: '', component: MyPage },
{
path: 'some/path/:id',
pathMatch: 'full',
loadChildren: () => MyModule
},
]
}
当我用AppModule导航到任何东西时,它工作得很好-它被加载到路由器插座中。然而,当我导航到另一个模块时,侧边菜单消失了-就像当我导航出AppModule时,导航是在页面-路由器-插座上完成的,而不是在内部。
如何在路由到其他模块时实现相同的行为?
发布于 2017-06-28 11:54:53
主模块路由:
{
path: 'view',
component: SideMenu,
children: [
{
path: 'path/myModule',
loadChildren: () => MyModule
},
]
},
{
path: 'modules/myModule',
redirectTo: 'view/path/myModule'
}
myModule路由很简单,没有子级,如下所示:
{
path: 'reports',
component: ReportPage,
}
问题可能出在
路径匹配:完整的
https://stackoverflow.com/questions/44412811
复制