1. import { Component, OnInit } from '@angular/core';
  2. import { Router, NavigationEnd, RoutesRecognized } from '@angular/router';
  4. @Component({
  5. selector: 'my-app',
  6. templateUrl: './app.component.html',
  7. styleUrls: ['./app.component.css']
  8. })
  9. export class AppComponent implements OnInit {
  11. routerSub: any;
  12. data: any;
  14. constructor(
  15. private router: Router) {
  16. }
  18. ngOnInit() {
  20. this.routerSub = this.router.events.subscribe((evt) => {
  21. if (evt instanceof RoutesRecognized) {
  23. // some Angular clumsiness
  24. this.data = {};
  25. this.findStateData(evt.state.root.firstChild);
  26. }
  27. if (!(evt instanceof NavigationEnd)) {
  28. return;
  29. }
  30. window.scrollTo(0, 0);
  31. });
  32. }
  34. findStateData(firstChild: any){
  35. if(!firstChild){
  36. return;
  37. }
  38. if(firstChild.data){
  39. for(let key in firstChild.data){
  40. if (firstChild.data.hasOwnProperty(key)) {
  41. this.data[key] = firstChild.data[key];
  42. }
  43. }
  44. }
  45. this.findStateData(firstChild.firstChild);
  46. }
  48. ngOnDestroy(): void {
  49. this.routerSub.unsubscribe();
  50. }
  51. }