无法在应用程序组件中找到 Angular 6 中的路由自定义数据

Question

我有一个 Angular 应用程序，并将自定义数据添加到给出的路由中

{ path: 'profile', component: ProfileComponent, data: {title: 'example'} }

在 app.component.ts 文件中我有以下代码

private route: ActivatedRoute

console.log('route snapshot', this.route.firstChild.data._value.pageType );

我得到的错误是

ERROR in src/app/app.component.ts(71,64): error TS2339: Property '_value' does not exist on type 'Observable<Data>'.

谁能告诉我如何访问 app.component.ts 中的路由数据

Answer 1

更新

您需要订阅 AppComponent 中的路由器事件并从中获取参数：

constructor(private router: Router, route: ActivatedRoute) { }

ngOnInit() {
  this.router.events.subscribe(event => {
    if(event instanceof NavigationEnd){
      console.log(this.route.root.firstChild.snapshot.data['title']);
    }
  });
}

如果你只想要那个路径，你可以再添加一个条件

if(event instanceof NavigationEnd && event.url === '/profile')

---

旧答案

您需要访问快照以获取数据参数

this.route.snapshot.data['title'];