Angular组件ngOnInit被调用两次问题求助

首次执行ng serve并打开组件时，所有请求仅触发一次，运行正常；但关闭组件后重新打开时，ngOnInit被调用两次，导致其中的QueryDispatcher、CommandDispatcher以及HTML中子组件的ngOnInit也随之重复执行（例如GetMenetluseFailidRequest被调用两次）。

相关代码如下：

kisOnInit(getResponse: GetResponse) {
    this.modalService.getData();
    if (modalData && modalData.data.seostatudDokumentOid)
    {
      this.seostatudDokumentOid = modalData.data.seostatudDokumentOid;
      this.seostatudDokumentIdList.push(this.seostatudDokumentOid);
    }
    this.menetlusService.getCurrentMenetlus()
      .subscribe((menetlus) =>  this.menetlus = menetlus);

    this.kasutaja =  this.authService.currentUserValue;
    this.response = getResponse;

    this.queryDispatcher
      .dispatch(new GetMenetluseFailidRequest(this.menetlus.objektId,  this.dokumentObjektId), null, this.destroy$ )
      .pipe()
      .subscribe((value: GetMenetluseFailidResponse) => {
        this.failResponse = value.dokumendiFailList;
      });
}

请求重复触发的截图：

排查思路： #

• 检查组件的声明与引用：确认组件是否在NgModule中被多次声明，或在父模板中被重复引用（比如*ngIf逻辑错误、路由配置重复等场景导致组件实例被创建两次）
• 追踪组件生命周期：在ngOnInit、ngOnDestroy中添加日志，确认组件是否被正确销毁；若ngOnDestroy未触发，说明组件实例未被释放，可能导致重复初始化
• 验证订阅清理逻辑：检查destroy$ Subject是否在ngOnDestroy中正确调用destroy$.next()和destroy$.complete()，避免内存泄漏导致的重复订阅
• 排查路由与模态框逻辑：如果组件是路由加载或模态框组件，检查路由复用策略（RouteReuseStrategy）是否导致组件被复用后重复初始化；或模态框的打开/关闭逻辑是否重复创建组件实例
• 检查变更检测策略：临时将组件变更检测策略改为ChangeDetectionStrategy.OnPush，测试是否因变更检测触发重复初始化
• 验证服务状态与Observable类型：确认menetlusService.getCurrentMenetlus()返回的是冷Observable还是热Observable；若为冷Observable，每次订阅都会触发新请求，需检查是否存在重复订阅；同时确认queryDispatcher等服务是否为单例，内部状态是否在组件销毁后未重置

内容的提问来源于stack exchange，提问作者chivas