angular - Angular2+嵌套模块路由参数为空

Question

我的应用层次结构如下：

1. 应用程序（根）
   • 模块（模块）
     • 掌握
     • 细节
       • 导航
       • 创建/home（组件）
       • 字段（模块）
         • 细节（组件）
         • 主控（组件）

模块路由.module.ts

const routes: Routes = [
 { path: 'modules-detail/:module_name', loadChildren: './module-detail/module-detail.module#ModuleDetailModule' },
 { path: '', component: ModulesMasterComponent }
];

modules-detail-routing.module.ts

const routes: Routes = [
{
 path: '',
 component: ModulesNavComponent,
 children: [
    { path: '', component: CreateModuleComponent },
    { path: 'new', component: CreateModuleComponent },
    { path: 'fields', loadChildren: './fields/fields.module#FieldsModule' }
 ]
}
];

字段-routing.module.ts

const routes: Routes = [
{
  path: '',
  component: FieldsMasterComponent
},
{
  path: ':field_id',
  component: FieldDetailComponent
}
];

问题
当我重定向到/modules/testModuleName/fields 时，我试图访问在modules-routing.module (testModuleName) 中声明的module_name 参数。但是，当我在字段模块中时，我的路由参数为空。我可以在 create/home 组件中看到参数，但在子模块中看不到。任何帮助，将不胜感激！

Answer 1

如果您使用的是 router.params，您如何访问参数

然后将其切换到 router.parent.params ，它将获得 id。让我知道这是否适合你。