Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >路由至组件内的模块

路由至组件内的模块
EN

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

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

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

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

这是路由配置:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
    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 11:54:53

主模块路由:

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

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

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

问题可能出在

路径匹配:完整的

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

https://stackoverflow.com/questions/44412811

复制
相关文章
【Android 组件化】路由组件 ( 生成 Root 类记录模块中的路由表 )
注解处理器 为每个 Module 模块生成一个路由表 , 该模块下凡是被 @Route 标注的路由节点都在该路由表中维护 ;
韩曙亮
2023/03/29
2.6K0
【Android 组件化】路由组件 ( 生成 Root 类记录模块中的路由表 )
Angular2 之 路由与导航基础知识路由模块组件路由路由守卫
最开始的路由,我们是直接写在app.module.ts文件中的,像这样,我们可以实现简单的导航。
贺贺V5
2018/08/21
3.3K0
【Android 组件化】路由组件 ( 路由组件结构 )
在之前博客 【Android 组件化】使用 Gradle 实现组件化 ( 组件 / 集成模式下的 Library Module 开发 ) 的组件化项目中 , 可能涉及到跨 Module 的调用 , 如在 library1 模块中打开 library2 模块中的 Activity 界面 , 或调用其它 Module 中的功能 ;
韩曙亮
2023/03/29
4400
【Android 组件化】路由组件 ( 路由组件结构 )
路由交换OSPF域内路由
OSPF路由器R1的LSDB同步完毕后,需要独立计算去往每个网段的最优路径 R1的Router ID 1.1.1.1 每台OSPF路由器都会为每个区域生成唯一一条1类LSA
用户3376261
2018/09/21
1.1K0
【Android 组件化】路由组件 ( 构造路由表中的路由信息 )
在【Android 组件化】路由组件 ( 注解处理器参数选项设置 ) 博客中在注解处理器中 , 获取了在 build.gradle 中设置的参数 ;
韩曙亮
2023/03/29
5520
【Android 组件化】路由组件 ( 构造路由表中的路由信息 )
SimpleRouter Android组件化路由库,支持模块间通信
源码地址:https://github.com/jeff-liu14/SimpleRouter
无辛
2023/06/26
2040
SimpleRouter Android组件化路由库,支持模块间通信
Android组件化专题 - 路由框架进阶模块间的业务通信
上一篇文章,讲解了路由框架实现的原理,并实现了基本的路由框架 页面路由的跳转 Android组件化专题 - 路由框架原理。
用户3045442
2018/09/11
7180
Android组件化专题 - 路由框架进阶模块间的业务通信
【Android 组件化】路由组件 ( 路由框架概述 )
路由框架 仅限于在 集成模式 下使用 , 组件模式下 , 路由框架不起任何作用 ;
韩曙亮
2023/03/29
5330
vue 路由组件
单页应用(single page web application,SPA),是在一个页面完成所有的业务功能,浏览器一开始会加载必需的HTML、CSS和JavaScript,之后所有的操作都在这张页面完成,这一切都由JavaScript来控制。
章鱼喵
2019/10/17
6250
【Android 组件化】路由组件 ( 组件间共享的服务 )
路由除了支持 Activity 之外 , 还要支持 组件间共享的服务 如 工具类 , 逻辑功能 等 ;
韩曙亮
2023/03/29
8720
【Android 组件化】路由组件 ( 组件间共享的服务 )
Elementui tabs组件内添加组件
siderBar和tab-bar在同一个组件内,所以要实现参数传递,需要先emit提交事件,再在父组件传递给另一个子组件,这样链路就完整了,没看懂我的看下面的参考吧,我也是参考它的结合自己的代码实现
老梁
2019/09/10
2.8K0
Elementui tabs组件内添加组件
高速模块内连接组件满足400G高密度应用需求
随着100G以太网的发展成为趋势,100G光模块应用也随之持续增长,现已成为使用最广泛,速度最快的以太网连接。数据中心和网络中100G连接的广泛部署,也同时驱动着400G解决方案需求的快速增长。为了开发更低成本的100G解决方案,光模块和器件厂商都在寻求具有竞争力的100G光模块和组件,同时向400G、800G速度扩充。
亿源通科技HYC
2021/09/26
6660
高速模块内连接组件满足400G高密度应用需求
【Android 组件化】路由组件 ( 使用 JavaPoet 生成路由表类 )
在 【Android 组件化】路由组件 ( 构造路由表中的路由信息 ) 博客中解析了注解的节点及注解属性 , 将路由信息封装在了 RouteBean 中 ;
韩曙亮
2023/03/29
6160
【Android 组件化】路由组件 ( 使用 JavaPoet 生成路由表类 )
React路由 及 React 路由中核心组件
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/136454.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/07
1.4K0
Vue路由模块化
之前的项目从来没有对路由进行模块化,很早之前一个同学发过一个项目,我当时看了路由,觉得很不错,那就是进行了模块化,只是都没去认真了解一下。今天分享个vue的路由模块化。
wade
2020/06/24
7980
Vue 组件通信与路由
命名路由 绑定自定义的属性:to =" {name: '路由的名字'}” 路由的参数 path: ' /user/:id :to= "{name: 'user' , params:{id:1}}" path: ' /user' :to= " {name:'user' , query:{userId:1}}" 嵌套路由(应用子的路由是不同的页面结构) /home/music ===> /home/ movie 一个router-view中嵌套 另外一个route-view
默默的成长
2022/10/29
7110
ArkTS-@State组件内状态
@State装饰的变量,或称为状态变量,一旦拥有了状态属性,就和自定义组件的渲染绑定起来。当状态改变时,UI会发生对应的渲染改变。
酒楼
2023/06/27
9350
Android组件化专题-路由动态注入跳转参数以及获取其他模块的fragment
上几篇组件化专题文章,我们对路由框架基本实现了,Activity之间当跳转和模块间当通信。
用户3045442
2018/09/11
2K0
Android组件化专题-路由动态注入跳转参数以及获取其他模块的fragment
解读 iOS 组件化与路由的本质
虽然 iOS 组件化与路由的话题在业界谈了很久,但是貌似很多人都对其有所误解,甚至没搞明白“组件”、“模块”、“路由”、“解耦”的含义。
波儿菜
2019/05/31
1.3K0
点击加载更多

相似问题

路由至组件

10

路由至相同组件

110

子组件内的路由

15

重定向至Function React路由器Dom内的路由

30

有组件嵌套在模块内的角7嵌套路由

40
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文