Angular6中如何等待subscribe执行完成后再单独调用save方法？

核心原因是你当前的validateBeforeSave方法内部直接订阅了异步请求，没有将异步状态暴露给外部调用方，导致submit方法无法感知校验逻辑的完成时机，才会直接执行Save。

方案1：返回Observable串接RxJS流（推荐，符合RxJS编码习惯） #

不要在校验方法内部调用subscribe，改造为返回Observable，在submit层统一订阅控制执行顺序：

// 改造校验方法，返回Observable
validateBeforeSave(): Observable<void> {
  return forkJoin([Action1URL, Action2URL]).pipe(
    // 拿到接口返回后执行校验逻辑
    tap(([Action1Data, Action2Data]) => {
      this.ValidateData(Action1Data, Action2Data);
      // 如果校验不通过可以直接抛错，会进入后续的error回调，不会执行Save
      // if(校验不通过) throw new Error('校验失败')
    })
  );
}

// 改造submit方法，按顺序触发逻辑
submit() {
  this.validateBeforeSave().subscribe({
    next: () => this.Save(),
    error: (err) => {
      // 校验失败/接口报错的处理逻辑
      console.error('校验流程出错：', err);
    }
  })
}

方案2：转Promise用async/await语法 #

如果你更习惯同步写法的观感，可以将Observable转为Promise用async/await控制顺序：

import { firstValueFrom } from 'rxjs';

// 校验方法改造为async方法返回Promise
async validateBeforeSave(): Promise<void> {
  const [Action1Data, Action2Data] = await firstValueFrom(
    forkJoin([Action1URL, Action2URL])
  );
  this.ValidateData(Action1Data, Action2Data);
  // 校验不通过可以抛错，上层try catch捕获后不会执行Save
  // if(校验不通过) throw new Error('校验失败')
}

// submit改造为async方法
async submit() {
  try {
    // 等待校验逻辑完全完成
    await this.validateBeforeSave();
    // 校验通过后执行保存
    this.Save();
  } catch (err) {
    console.error('校验流程出错：', err);
  }
}

注意事项 #

• 如果你的ValidateData方法本身包含异步逻辑，需要对应改造为返回Observable/Promise，才能保证等待校验完全完成再执行后续逻辑
• 两种方案都没有把Save耦合到校验的接口回调内部，校验和保存逻辑完全独立，符合你的要求

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