How to add add query parameters without using @angular/router

Question

I want to add query parameters to URL.

http://example.com/#/xyz?queryParams1=data&queryParams2=data

But don't want to navigate from one page to another. I go through angular docs but not able to get how to use it without using @angular/router . The idea behind it is just to track things via URL and not to navigate.

Any help would be appreciated.

You can read it with plain javascript, but why would you do that if all the reading and parsing logic is there for you in the @angular/router package — devqon
– devqon, Commented Aug 8, 2017 at 6:42
You want to read it using Angular way, but refuse to use Angular module designed for that particular purpose. Why? — Harry Ninh
– Harry Ninh, Commented Aug 8, 2017 at 7:02

Andrei Matracaru · Accepted Answer · 2017-08-08 07:05:04Z

2

You could use the Location from @angular/common

This will allow you do update the URL without navigating, for example:

let queryString = 'queryParams1=data&queryParams2=data';
this.location.replaceState('/xyz', queryString);

answered Aug 8, 2017 at 7:05

Andrei Matracaru

3,6811 gold badge27 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

How to add add query parameters without using @angular/router

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