angular - ActivatedRoute 显示为空

Question

试图从不同组件中的路由器获取数据。但它的显示{}价值。

应用程序路由.module.ts

{
  path: '',
  loadChildren: './pages/pages.module#PagesModule',  
},

页面路由.module.ts

path: 'namescan',
        component: NamescanComponent,
        data: { title: 'Name Title' }

header.component.ts

private routeData;
constructor(public router: Router, public activatedRoute: ActivatedRoute) {    
}

ngOnInit() {
    this.activatedRoute.data.subscribe(data => console.log(data.title));    
}

甚至找到类似的问题，甚至尝试更新代码但仍然无法正常工作 Angular ActivatedRoute 数据返回一个空对象

任何想法，如何从路由器获取数据值。TIA

Answer 1

你可以使用activatedRoute.snapshot.data它应该看起来像

constructor(activatedRoute:ActivatedRoute) 

ngOnInit() {
    console.log(this.activatedRoute.snapshot.data);
  }

Answer 2

为什么不使用简单有效的方式呢？

constructor(route: ActivatedRoute) {
  route.data.subscribe(data => console.log(data.title));
}