如何从路由解析类内部的可观察对象中退订

Question

在ngOnDestroy方法中，我取消订阅一次已订阅的observable，否则代码会被多次执行...

ngOnInit()
{
    this.sub = this.route.params.subscribe(params => 
    {
        this.projectId = +params['id'];
        this.projectStore.project = this.projectId;

        // load data when the route changes
        this._tasksService.gettasks(this.projectId).subscribe(years => { this.tasks = years.map(y => new task(y)) }); // no need to clean up the subscription

    });
    // load data when the component is initialized
    this._tasksService.gettasks(this.projectId).subscribe(years => { this.tasks = years.map(y => new task(y)) }); // no need to clean up the subscription

}

ngOnDestroy()
{
    this.sub.unsubscribe();
}

现在我想把它放在路由器解析类中，但没有ngOnDestroy--当然--只有一个NavigationEnd事件，我可以再次订阅。

这意味着我订阅了一个NavigationStart事件（当我离开路由时发生），以便取消订阅另一个订阅，即路由参数更改订阅哈哈哈...

我想这不是一个好办法，但谷歌什么也没有提供。

  constructor(private service: TasksService, private router: Router)
  {

   this.navigationEnded = this.router.events
      .filter(event => event instanceof NavigationStart)
      .map(() => this.router.routerState.root)
      .subscribe((event) =>
      {
         this.navigationEnded.unsubscribe();
      });
  }

  this.route.params.subscribe(params => 
    {
         // reload data by the new id parameter does not work with params
         // I have to use inside here: route.params['id']
    });

params数组中没有id，它的长度仅为0。

相反，我必须在params订阅中使用route.params['id']，但为什么呢？

Answer 1

您可以只使用first()运算符。这样，可观察到的在第一个事件之后完成。不需要以这种方式退订：

this.router.events
  .filter(event => event instanceof NavigationStart)
  .map(() => this.router.routerState.root)
  .first()
  .subscribe((event) =>
  {
     //this.navigationEnded.unsubscribe();
  });