Updating URL without reloading route in Angular2

Question

I have an Angular 2 app that retrieves stock quotes using a URL like http://host/stocks?symbol=AAPL

On page load, a default symbol is fetched and the url reflects this. But, if I enter a symbol the page's the input field and then click the "Get Quote" button, the results are fetched, but the url still reflects the default symbol. How do I get the url to update after fetching a new symbol? Thanks

you'll need to add your code here for fetching and displaying the default symbol. — Ahmed Musallam
– Ahmed Musallam, Commented May 2, 2017 at 23:23
Are you activating a route when the user clicks the Get Quote button? That would change the URL. — DeborahK
– DeborahK, Commented May 2, 2017 at 23:23
No, I don't activate the route, I just fetch the quote data. Won't activating the route cause the page to reload? — Lazloman
– Lazloman, Commented May 4, 2017 at 2:05

Julia Passynkova · Accepted Answer · 2017-05-03 00:52:19Z

3

May be you can use Location service to change url:

 /**
  * Changes the browsers URL to the normalized version of the given URL, and pushes a
 * new item onto the platform's history.
 */
 go(path: string, query: string = ''): void {
  this._platformStrategy.pushState(null, '', path, query);
 }

answered May 3, 2017 at 0:52

Julia Passynkova

18k6 gold badges36 silver badges32 bronze badges

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

1 Comment

Vijay Over a year ago

What's the type of this._platformStrategy?

Collectives™ on Stack Overflow

Updating URL without reloading route in Angular2

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related