Angular query params is object object

Question

I'm trying to navigate including query params:

this.router.navigate(['/forum/topic/1', { queryParams: { reply: 5 } }]);

But it redirect me to /forum/topic/1;queryParams=%5Bobject%20Object%5D

Expected behavior:

/forum/topic/1?reply=5

Looking at the document I see they edit the params because I see it's separate with ;

localhost:4200/heroes;id=15;foo=foo

What are they doing ?

1) How can I fix the redirection, I think the function is fine...

2) I don't want ;, I want classic ? and &, is it possible ?

just use this.router.navigate(['/forum/topic/1?reply=5']);? it worked when i tried it in angular 4 i believe, so it should still work in 6 and 7, whichever youre using — mast3rd3mon
– mast3rd3mon, Commented Mar 5, 2019 at 15:51
Possible duplicate of How to pass query parameters with a routerLink in the new Router V 3 alpha (vladivostok) — Igor
– Igor, Commented Mar 5, 2019 at 16:13
Possible duplicate of router.navigate with query params Angular 5 — Igor
– Igor, Commented Mar 5, 2019 at 16:14

Rozan · Accepted Answer · 2019-03-05 16:18:49Z

3

I think you have a typo. Look at parenthesis. Try this:

this.router.navigate(['/forum/topic/1'], { queryParams: { reply: 5 } });

answered Mar 5, 2019 at 16:18

Rozan

462 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1