How to push params to Url in Angular2 Router@3 without page reload

Question

How can I push query params (page, limit) to url in angular, preferably without navigation.

I'm using the new, vladivostok router (npm @angular/router@3) and I have a table with paging. So when I click "next page" or change the number of items per page, I want to have that in the url.

I know I can programatically router.navigateByUrl('/users?page=3') or similar, but can I avoid navigating at all and just update the url? My services will reload the table and everything as needed. Or is that not the way to go?

What is happening when the current page is /users?page=3 and you navigate to /users?page=4? — Günter Zöchbauer
– Günter Zöchbauer, Commented Jun 20, 2016 at 13:14
@GünterZöchbauer it should update. I'll try the window.history answer. — Zlatko
– Zlatko, Commented Jun 21, 2016 at 14:54

Maximilian Riegler · Accepted Answer · 2016-06-20 13:25:36Z

1

I think using window.history would do the trick:

window.history.pushState(null, "pagetitle", "users?page=4");

answered Jun 20, 2016 at 13:25

Maximilian Riegler

23.6k4 gold badges65 silver badges73 bronze badges

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

Collectives™ on Stack Overflow

How to push params to Url in Angular2 Router@3 without page reload

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related