Modify data object in ActivatedRoute

Question

I need to modify the breadcrumb value in the data object of my current route. Here is my route configuration.

      {
    path: \"users\",
    component: Us         


        

Answer 1

I assume you want to modify the data before the navigation starts. Because it is not clear from the question.

Look for NavigationStart event and set this._route.snapshot.data instead of this._route.data.

this.router.events
.filter(event => event instanceof NavigationStart)
.subscribe(() => {
     this._route.snapshot.data = { breadcrumb: this.user.displayName };
});