How to get current route in Angular 5

Question

I'm using { provide: LocationStrategy, useClass: HashLocationStrategy }, in my app.module.ts. But when I give this.route.url it always contains / whether I'm in /home or /dashboard or /profile

I need to get the particular route value

constructor(public router:Router) {} alert(this.router.url);

Answer 1

Not sure if this applies to v5, but may help anyway

You can also subscribe to router event NavigationEnd, this seems to be the best way to always get the current url.

important notes:
- make sure you place this code in the contructor() of the app.component.ts file, in order to always get the last url value.

// file: src/app/app-component

  export class AppComponent {
  constructor(private router: Router) {

    // listen to events from Router
    this.router.events.subscribe(event => {
      if(event instanceof NavigationEnd) {
        // event is an instance of NavigationEnd, get url!  
        const url = event.urlAfterRedirects;
        console.log('url is', url);
      }
    })

  }
}

Answer 2

Your route instance should be from Router

constructor(
    private router: Router
  ) { }

this.router.url // this must contains your full router path