Angular paramMap vs queryParamMap?

Question

What are the different paramMap and queryParamMap?

Angular website says paramMap - An Observable that contains a map of the required and optional parameters specific to the route. The map supports retrieving single and multiple values from the same parameter.

queryParamMap - An Observable that contains a map of the query parameters available to all routes. The map supports retrieving single and multiple values from the query parameter.

I would like to know when I have to use with examples.

Thanks

score 55 · Accepted Answer · answered Apr 02 '18 at 19:33

55

ParamMap for routes like user/:id. Id param belongs only this route.

QueryParamMap is for eg. user/:id?tab=edit. Tab is a global query param, it can be read from the ActivatedRoute in the user route's component as well as any of its ancestors.

answered Apr 02 '18 at 19:33

funkizer

4,626
1
18
20

score 6 · Answer 2 · answered Oct 11 '20 at 14:40

6

params—An Observable that contains the required and optional parameters specific to the route. Use paramMap instead.

queryParams—An Observable that contains the query parameters available to all routes. Use queryParamMap instead.

answered Oct 11 '20 at 14:40

DV Singh

1,038
11
16

1

Could you elaborate why using one over the other? – Seldon Feb 14 '23 at 12:53

Angular paramMap vs queryParamMap?

2 Answers2

Linked