Javascript paramMap项始终使用Angular 8路由返回null

Javascript paramMap项始终使用Angular 8路由返回null,javascript,angular,typescript,angular2-routing,Javascript,Angular,Typescript,Angular2 Routing,我使用Angular 8从路由中获取一些参数或数据,但它总是空的。 我的组件位于一个名为“message”的懒散加载模块中 应用程序路由.module.ts: 。。。 { 路径:'消息', 加载子项:()=> 导入('./systems/message/message.module')。然后( m=>m.MessageModule ) }, ... 消息路由.module.ts: 。。。 常数路由:路由=[ { 路径:“”, 组件:MessageIndexComponent, 子项:[{pat

我使用Angular 8从路由中获取一些参数或数据,但它总是空的。 我的组件位于一个名为“message”的懒散加载模块中

应用程序路由.module.ts:

。。。
{
路径:'消息',
加载子项:()=>
导入('./systems/message/message.module')。然后(
m=>m.MessageModule
)
},
...
消息路由.module.ts:

。。。
常数路由:路由=[
{
路径:“”,
组件:MessageIndexComponent,
子项:[{path:':folder',component:ComponentMessageListComponent}]
},
{path:'add',component:MessageAddComponent},
{路径:“列表”,组件:MessageIndexComponent}
];
...
组件消息列表.component.ts:

。。。
建造师(
专用路由:ActivatedRoute
) {}
恩戈尼尼特(){
log(this.route.snapshot.paramMap.get('folder');
//更改日期的更改列表
this.route.paramMap.subscribe(params=>{
log(params.get('folder');
});
}
...
路由到此地址时,两个控制台都返回NULL:

/邮件/收件箱

更新:

我通过将地址直接写入浏览器来导航到路线:

或者通过锚定标签

message index.component.html

。。。
收件箱
...
参数总是空的

我必须得到第一个子参数,而不是父参数。预览代码正在返回父级的参数

此代码适用于:

this.route.firstChild.paramMap.subscribe(params=>{
log(params.get('folder');
});
更新: 问题是我忘了用“路由器出口”替换父组件中的子组件标记,然后子组件插入没有路由器的父组件中


谢谢大家

如何使用数据导航到路线?你能添加那个代码吗?@AmitChigadani通过在地址栏中写入路由或使用锚定标记。我将此添加到问题中,您可以共享MessageIndexComponent html代码吗?@Chellappanவ 从该文件添加的锚标记为什么是paramMap而不是简单的params
this.route.params.subscribe(…)
@Stavm params属性已弃用,将在未来版本中删除。