Angular 2 easier way to use route navigate query parameters

Question

I have a string of query parameter values ie:

var querys = "agentId=5&page=2&name=andrew"

Is there an easier way to use this exact string to get to that page using this.router.navigate otherwise I'll have to manually list it all out like this:

this.router.navigate(['/admin/list'], { queryParams: { agentId: 5, page: 2, name: andrew } });

And of course that gets messy if I don't always know what the query param keys names are going to be.

Reza · Accepted Answer · 2019-05-07 14:12:01Z

4

you can use below code

this.router.navigateByUrl(`/admin/list?${querys}`);

answered May 7, 2019 at 14:12

Reza

20.1k18 gold badges102 silver badges177 bronze badges

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

2 Comments

Andrew Howard Over a year ago

I never knew this existed. Thanks so much that worked great :)

Reza Over a year ago

@AndrewJuniorHoward any time. If it solves your issue please mark it as answer, so other devs having same issue easily can find the answer then

Collectives™ on Stack Overflow

Angular 2 easier way to use route navigate query parameters

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related