javascript - 无法在应用程序组件中的 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'];