Angular activatedRoute paramMap.params not known by TypeScript

Question

I'm subscribing to this.activatedRoute.paramMap which according to TS is of type ParamMap. This is all nice but when I'm debugging it seems to have this convenient property paramMap.params which I can use like this

.subscribe((paramMap: any) => {
  const { projectId, domainId, chapterId, unitId } = paramMap.params;
});

However, this params property is not known to exist on ParamMap according to TS so I need to cast it.
What is going on here? Am I doing this wrong?

In DevTools I'm seeing "ParamsAsMap" but this is not a known type I can cast to. I'm not even sure where this is coming from, Google search turns blank, where does DevTools even get this from?

question from:https://stackoverflow.com/questions/65905208/angular-activatedroute-parammap-params-not-known-by-typescript

Answer 1

params property of ParamsMap is defined here

Like @jonrsharpe mentioned, it is defined on the object itself,

.subscribe((paramMap) => {
     console.log(paramMap.[<yourQueryParamKey>])
});

The type of paramMap is Params, So actually decoupling the type is: .subscribe((paramMap: [key: string]: any) => ...

[key: string]: any correlates with everything (including params property) so this is actually typed