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();