如何追踪Angular的patchValue操作是否已完成？

核心问题在于表单填充依赖异步数据请求（获取分类列表并通过mapAndPatch操作符更新表单），直接调用markAsPristine会因异步操作未完成而失效，只能依赖不可靠的setTimeout。

方案一：利用RxJS合并异步流，确保所有表单更新完成后标记状态 #

由于表单更新逻辑（mapAndPatch）在Observable管道中异步执行，可通过forkJoin合并所有异步请求流，待所有流完成后统一设置表单为pristine状态，完全替代setTimeout。

修改_loadDynamicFormOptions方法：

private _loadDynamicFormOptions(): void {
  // 定义分类请求流
  const category$ = this.service
    .getCategoryList(this._optionPayload())
    .pipe(mapAndPatch(this.caseOverviewForm, FormFields.category, this.detail.id!));

  // 定义子分类请求流
  const subCategory$ = this._updateSubDropDownList(FormFields.category, FormFields.subCategory, OptionsType.caseCategory)?.pipe(
    mapAndPatch(this.caseOverviewForm, FormFields.subCategory, this.detail.id!),
  ) ?? of([]);

  // 合并两个流，所有请求完成后标记表单为原始状态
  forkJoin([category$, subCategory$]).subscribe({
    complete: () => {
      // 标记表单为原始状态，emitEvent: false避免触发额外的valueChanges事件
      this.caseOverviewForm.markAsPristine({ emitEvent: false });
      // 可选：同时标记为未触碰状态，保持表单状态一致性
      this.caseOverviewForm.markAsUntouched({ emitEvent: false });
    }
  });

  // 保留原有赋值，供模板绑定使用
  this.categoryList$ = category$;
  this.subCategoryList$ = subCategory$;
}

方案二：初始化表单时直接传入初始值（适用于同步初始值场景） #

若表单初始值可在创建时同步获取，建议直接在FormGroup构造函数中传入初始值，表单默认即为pristine状态，无需后续手动修改：

// 示例：表单创建时传入初始值
this.caseOverviewForm = new FormGroup({
  category: new FormControl(this.detail?.category || ''),
  subCategory: new FormControl(this.detail?.subCategory || '')
  // 其他表单控件...
});

如果初始值依赖异步请求（如分类列表从服务器获取），方案一仍为最优选择。

• forkJoin会等待所有传入的Observable完成（HTTP请求结束）后触发complete回调，此时所有mapAndPatch的表单更新操作已执行完毕，设置pristine状态准确可靠。
• 使用{ emitEvent: false }参数可避免触发表单的valueChanges事件，减少不必要的组件更新。

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