How to get Route data into App Component in Angular 2

Question

I have defined some route data in my app routing module like below:

    const appRoutes:Routes = [
  {path: \'\', component: LoginComponent, data:[{PageName:         


        

Answer 1

If you are willing to wait until the ngAfterViewInit event you can link to the router outlet using viewchild.

i.e.

  @ViewChild('router')
  private routerOutlet: RouterOutlet;

  ngAfterViewInit() {
    this.routerOutlet.activateEvents
      .pipe(
        map(() => this.routerOutlet
          .activatedRouteData
        )
      )
    .subscribe((data) => {
        // Code 
    });
  }