angular7-router - data in router is undefined in angular 7

Question

I have a route like below:

{ path: 'contact-us', component: ContactUsComponent , data: {isPrivate: false}},

When I try to get the above isPrivate value on ngOnInit() of ContactUsComponent.ts, it gives undefined:

constructor(private route: ActivatedRoute) {}
..
ngOnInit() {
 this._private = this.route.snapshot.data['isPrivate'];
}

Answer 1

check this out

constructor(router:Router, route: ActivatedRoute) {
    router.events
      .filter(e => e instanceof NavigationEnd)
      .forEach(e => {
        this.title = route.root.firstChild.snapshot.data['PageName'];
    });
}

Answer 2

Maybe try something like:-

constructor(private route: ActivatedRoute) {}
OnInit() {
  this.route.data.subscribe(private => this._private = private);
}

Answer 3

Try getting the property right in the constructor:

constructor(private route: ActivatedRoute) {
    this._private = this.route.snapshot.data['isPrivate'];
}