Angular get route path - not resolved url

Question

Is there a way in Angular to get the actual route in the NavigationEnd event instead of just the resolved url which event.url returns? I don't what the resolved params.

export class AppComponent {
  constructor(private router: Router) {
    this.router.events
    .filter(event => event instanceof NavigationEnd)
    .subscribe((event: NavigationEnd) => {
        // how to get route path? Such as 'someList/:id'
    });
  }
}

JayChase · Accepted Answer · 2018-01-21 13:04:21Z

3

I don't know if this is the best way but

this.router.routerState.snapshot.root.firstChild.routeConfig

will get you the route config for the current route which has the configured path,

answered Jan 21, 2018 at 13:04

JayChase

11.6k3 gold badges52 silver badges55 bronze badges

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

Comments

Mike Tung · Accepted Answer · 2018-01-20 21:10:40Z

-1

You want something like this?

router.events.subscribe((event: Event) => {
  console.log(event);
  if (event instanceof NavigationEnd ) {
    this.currentUrl = event.url;
  }
});

answered Jan 20, 2018 at 21:10

Mike Tung

4,8411 gold badge19 silver badges25 bronze badges

5 Comments

Oddleif Over a year ago

No. That returns the resolved path, I want the path configured in routeconfig.

Mike Tung Over a year ago

you can get that from router links?

Oddleif Over a year ago

How do I do that for the current path?

Mike Tung Over a year ago

parse it and use this snippet as the anchor?

Oddleif Over a year ago

Do you have an example? I want to use it for tracking loaded routes, and not specific urls.

Collectives™ on Stack Overflow

Angular get route path - not resolved url

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related