javascript - 检查事件在路由 Angular 后引发两次

Question

我的 Angular 应用程序中的 mat 复选框事件出现问题:

该事件用于过滤列表。当第一次加载组件时，过滤器按预期工作，但是在路由到另一个组件并返回到前一个组件后，该过滤器不再工作。

经过一些研究，我发现，在路由之后，每次点击都会引发两次检查事件，这会导致过滤器不起作用。

html 文件

<mat-checkbox (change)="onTeamFiletr($event)" value="equipe,{{equipe.id}}" 
[checked]="isSelectedToFilter(equipe.id)">

.ts 文件

onTeamFiletr($event){
this.sharedService.triggerSomeEvent($event)
  }

Answer 1

您可能在 ngOnDestroy() 中的 Observable 的 Subscription 中缺少 unsubscribe()。

听起来可能是这样，如果您返回页面时两次收到该事件。如果不查看您的其余代码，我就无法知道。