Get group lookup value (**)

Question

Is there a way to get (and display) the current route (**) for the user?

So, for example, one could display its value like this:

Sorry, but the page "/ WrongUrl" does not exist

Edit

To be clear, this question is about displaying a URL for UI purposes. Not how to create the correct route for a 404 error.

+3

einord June 26. 17 at 5:58

2 answers

JB Nizet · Answer 1 · 2017-06-26T09:38:18+0000

Angular has a location service that allows (by the way) to get the current path.

estus · Answer 2 · 2017-06-26T10:55:15+0000

The current route is available as a property url

in Router

and ActivatedRoute

.

This is in line Router

, events

observable must be signed in order to keep track of the change:

router.events
.filter(e => e instanceof NavigationEnd)
.subscribe(({ url }) => {
  this.currentUrl = url;
});

This is an observation of parsed URL segments in ActivatedRoute

, it should be serialized to a string:

activatedRoute.url
.subscribe(urlSegments => {
  this.currentUrl = '/' + urlSegments.join('/');
});