首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >路由至组件内的模块

路由至组件内的模块
EN

Stack Overflow用户
提问于 2017-06-07 20:35:55
回答 1查看 336关注 0票数 1

该应用程序被划分为功能模块。每个“页面”都被加载到一个SideMenu组件中(这样所有的页面都会显示导航)。导航的结构如下所示:

代码语言:javascript
代码运行次数:0
运行
复制
<page-router-outlet>
    <side-menu>
        <router-outlet>
        </router-outlet>
    </side-menu>
</page-router-outlet>

Page-router-outlet是NativeScript的一个特定的路由器出口,但在这种情况下应该没有任何区别。

这是路由配置:

代码语言:javascript
代码运行次数:0
运行
复制
{
    path: 'view',
    component: SideMenu,
    children: [
        {path: '', component: MyPage },
        {
            path: 'some/path/:id',
            pathMatch: 'full',
            loadChildren: () => MyModule
        },
    ]
}

当我用AppModule导航到任何东西时,它工作得很好-它被加载到路由器插座中。然而,当我导航到另一个模块时,侧边菜单消失了-就像当我导航出AppModule时,导航是在页面-路由器-插座上完成的,而不是在内部。

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

EN

回答 1

Stack Overflow用户

发布于 2017-06-28 19:54:53

主模块路由:

代码语言:javascript
代码运行次数:0
运行
复制
{
    path: 'view',
    component: SideMenu,
    children: [
        {
            path: 'path/myModule',
            loadChildren: () => MyModule
        },
    ]
},
{
    path: 'modules/myModule',
    redirectTo: 'view/path/myModule'
}

myModule路由很简单,没有子级,如下所示:

代码语言:javascript
代码运行次数:0
运行
复制
{
    path: 'reports',
    component: ReportPage,
}

问题可能出在

路径匹配:完整的

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44412811

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档