Observable完成后调用calculateCosts方法未触发问题排查求助

问题根因 #

你代码中finalize(() => this.calculateCosts)的写法只引用了方法对象，没有执行调用，因此calculateCosts始终不会运行，修正为finalize(() => this.calculateCosts())即可触发。

其他排查方向 #

• 确认finalize操作符已正确导入：需要在文件顶部引入import { finalize } from 'rxjs/operators'，未导入的情况下操作符不会生效，回调逻辑自然不会执行
• 可更换触发时机验证：如果calculateCosts仅依赖接口成功返回的数据，也可以将调用逻辑放到subscribe的complete回调中，避免finalize在请求报错场景也触发的问题，示例写法如下：

fetchPerformances() {
  this.performanceService.getActuals()
  .subscribe({
    next: (data) => {
      data.forEach(p => {
        const performance = new Performance(
          p['timesheetCodeId'],
          p['firstName'],
          p['lastName'],
          p['timesheetCodeName'],
          p['actualHours']
        );
        this.performances.push(performance);
      })
    },
    error: (err) => console.error('获取绩效数据失败：', err),
    complete: () => this.calculateCosts()
  })
}

• 排查上下文指向：如果后续需要把回调单独抽离，注意要用箭头函数保留组件this指向，避免方法执行时找不到performances属性。

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