angular - 如何在rxjs6中注册路由监听并更改标题？

Question

• 在 rxjs5(angular6 app) 中，我使用

  this.router.events
    .filter(event => event instanceof NavigationEnd)
    .map(() => this.activatedRoute)
    .map(route => {
      while (route.firstChild) {
        route = route.firstChild;
      }
      return route;`enter code here`
    })
    .filter(route => route.outlet === 'primary')
    .mergeMap(route => route.data)
    .subscribe((event) => {
      this.titleService.setTitle(event['title'] + '-' + APP_NAME);
      this.appDataLogic.urlChanged();
  });
  

• 但是在 rxjs6 中，route 是 {} 所以有错误 property firstChild does not exist on type { 。

  this.router.events.pipe(
    filter(event => event instanceof NavigationEnd),
    map(() => { return this.activatedRoute }).pipe(),
    map(route => {
      while (route.firstChild) {
        route = route.firstChild;
      }
      return route;
   }),
   filter(route => route.outlet === 'primary'),
   mergeMap(route => route.data)
   ).subscribe((event) => {
   this.titleService.setTitle(event['title'] + '-');
  })
  

• 如何用 rxjs6 重写它？非常感谢。

Answer 1

感谢您的回答，我找到了一个解决方案:

```
 this.router.events.pipe(
      filter(event => event instanceof NavigationEnd),
      map(() => this.activatedRoute),
      map(route => {
        while (route.firstChild) {
          route = route.firstChild;
        }
        return route;
      }),
      filter(route => route.outlet === 'primary'),
      mergeMap(route => route.data)
    ).subscribe((event) => {
      //some code
    })
```

但是我还有一个问题，它在app.component.ts中的ngOnInit()中使用，app.component.ts是我的根组件，我应该在 ngOnDestroy() 中取消订阅吗？