paramMap 项目总是使用 Angular 8 路由返回 null

Question

我正在使用 Angular 8 从路由中获取一些参数或数据，但它始终是空的。 我的组件位于名为“消息”的延迟加载模块中。

app-routing.module.ts：

...

{
  path: 'message',
  loadChildren: () =>
    import('./systems/message/message.module').then(
      m => m.MessageModule
    )
},

...

message-routing.module.ts：

...

const routes: Routes = [
  {
    path: '',
    component: MessageIndexComponent,
    children: [{ path: ':folder', component: ComponentMessageListComponent }]
  },
  { path: 'add', component: MessageAddComponent },
  { path: 'list', component: MessageIndexComponent }
];

...

component-message-list.component.ts：

...

constructor(
  private route: ActivatedRoute
) {}

ngOnInit() {
  console.log(this.route.snapshot.paramMap.get('folder'));
   // Change list on date change
  this.route.paramMap.subscribe(params => {
    console.log(params.get('folder'));
  });
}

...

当路由到这个地址时，两个控制台都返回 NULL：

/消息/收件箱

更新：

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

http://127.0.0.1:4200/message/inbox

或通过锚标记

message-index.component.html

...

  <a class="list-group-item list-group-item-action d-flex p-3" routerLink="inbox" routerLinkActive="active">
    Inbox
  </a>
...

而且参数总是为空

Answer 1

我必须得到 firstChild 参数而不是父级。预览代码正在返回父级的参数。

此代码有效：

this.route.firstChild.paramMap.subscribe(params => {
    console.log(params.get('folder'));
  });

更新： 问题是我忘记用'router-outlet'替换父组件中的子组件标签，然后子组件在没有路由器的情况下插入父组件！

谢谢大家

Answer 2

你可以试试这个：

this.router.parseUrl(this.router.url).queryParams[key]