Change url without redirect in Angular 2

Question

In my Angular 2 web application I would like to change the url page in the browser. For example I'd like to change it from:

to

It must not redirect, no page load, and browser history must reflect the page change.

Can this be done?

Aamol · Accepted Answer · 2017-10-15 23:48:53Z

12

This can be achieved by below function available in angular 4

location.replaceState(path: string, query?: string): void;

Before doing this you need to get location object by injecting in your component or directive constructor.

  constructor(private location: Location)

And importing Location class like this -

import { Location } from '@angular/common';

answered Oct 15, 2017 at 23:13

Aamol

1,2091 gold badge16 silver badges24 bronze badges

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

1 Answer 1