激活的路由找不到我的 queryParams

Question

我试图在我的路线中获取一个参数，但是当我尝试打印它时，在我的控制台中返回 undefined 。

这是我的路由模块：

const routes: Routes = [
  {
    path: ':id',
    component: ListaDadosPvSelecionadoComponent,
    canActivate: [AuthGuard],
  },
];

这就是我试图获取参数的方式：

ngOnInit() {
    this.activatedRoute.queryParams.subscribe((params) => console.log(params['id']));
}

当我去route/3我的组件被渲染但我得到：

不明确的

为什么？

Answer 1

params并且queryParams是两种不同的东西。

参数是 URL 的一部分 /page/123

查询参数是 GET 参数 /page?id=123

ngOnInit() {
    this.activatedRoute.params.subscribe((params) => console.log(params.id));
}