Angular 6订阅构造函数上的事件多次调用

Question

在我的构造函数组件（子组件）中添加简单事件

这是我的代码：

   this._modalService.onHidden.subscribe(
      result => {
        console.log("_modalService.onHidden");
        if(this.shown){
          this.shown = false;
          this._router.navigate(['.'], { relativeTo: this._route.parent });
        }
      }, error => console.log(error));

在第一次打开此页面时，此事件仅调用了一个 但是当再次进入页面时，这个事件调用了两次 当输入 3 次时，此事件称为 3 次等。

[顺便说一句，如果我在 ngOnInit 事件上移动代码，也会发生这种情况 这也发生在该事件多次调用的另一个事件 ngrx 存储管道上 ]

这是我的路线（也许是这个原因）

const routes: Routes = [
  {
    path:':id' ,component:EventComponent,
    children:[
      {
      path:'o/:file'
      ,component:EventDetailComponent
    }]
  },
  {
    path:':id/:sub' ,component:EventComponent,
    children:[{
      path:'o/:file'
      ,component:EventDetailComponent
    }]
  }
];

Answer 1

你应该取消订阅OnDestroy...

在构造函数中：

this.mySubscription = this._modalService.onHidden.subscribe(...);

在onDestroy:

this.mySubscription.unsubscribe();