angular 父子路由之间传值

最新推荐文章于 2024-03-09 20:55:57 发布

S-millet

最新推荐文章于 2024-03-09 20:55:57 发布

阅读量1.4k

点赞数

分类专栏： angularJs

本文链接：https://blog.csdn.net/sou_vyp/article/details/96129808

版权

angularJs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、设置空路由接收父路由所有参数

{
        path: 'menu/:flag', component: MenuIndexComponent, canActivate: [AuthGuard],
        children: [{
            path: '',    // 空路径
            children: [
                { path: 'menuInstitute', component: ManageInstituteListComponent, data: { title: 'xxx' } },
                { path: 'menuOrg', component: ManageStatisticsComponent, data: { title: 'xxx' } },
                { path: 'menuOrgInfo/:guid', component: StatisticsGroupInfoComponent, data: { title: 'xxx' } },
                { path: 'menuResearch', component: ManageResearchListComponent, data: { title: 'xxx' } },
                { path: 'menuConDoctor', component: ConnectDoctorComponent, data: { title: 'xxx' } },
            ]
        }]
    }

空路径路由(空路由)会继承它的父路由的参数和数据。这是因为它不能拥有自己的参数，所以，它通常会把其父路由的参数和数据当做自己的使用。

二、子路由配置成无组件路由