Angular中setValue(...,{emitEvent:false})时prev值未更新问题

问题出在：当你设置emitEvent: false调用setValue时，表单控件的valueChanges Observable不会发出新事件。而你依赖pairwise()获取前后值对的逻辑，只能捕获valueChanges推送的序列值，完全感知不到这次静默修改，所以prev会一直停留在旧值，和控件实际值脱节。

方案1：手动维护当前值（简单直接） #

放弃用pairwise()自动生成前后值，自己维护一个变量保存当前控件值。不管是valueChanges触发的变更，还是手动静默设置的值，都同步更新这个变量，确保prev值始终准确。

// 初始化时用控件初始值赋值
let currentControlValue = startValue;

control.valueChanges.pipe(
  startWith(startValue)
).subscribe(next => {
  const prev = currentControlValue;
  if (prev !== next) {
    this.controlService.dispatchCurrentEvent({
      type,
      field,
      preValue: prev,
      value: next,
      section,
      rIndex,
    });
    if (field.rules?.length) {
      this.pvRulesService.handleRules(field, section, field?.rowIndex);
    }
    // 更新当前值，为下一次触发做准备
    currentControlValue = next;
  }
});

// 静默设置值时，同步更新维护的变量
const newValue = 1;
formgroup.get('mycontrol')?.setValue(newValue, { emitEvent: false });
currentControlValue = newValue;

方案2：用BehaviorSubject同步值（响应式风格） #

创建一个BehaviorSubject来保存控件的当前值，把它和valueChanges合并成新的Observable。手动设置值时，通过BehaviorSubject主动推送新值，让pairwise()能捕获到这次变更。

import { BehaviorSubject, merge } from 'rxjs';

// 用初始值创建BehaviorSubject
const controlValueSubject$ = new BehaviorSubject(startValue);

// 合并valueChanges和BehaviorSubject，确保所有值变更都能被捕获
merge(
  control.valueChanges,
  controlValueSubject$
).pipe(
  pairwise()
).subscribe(([prev, next]) => {
  if (prev !== next) {
    this.controlService.dispatchCurrentEvent({
      type,
      field,
      preValue: prev,
      value: next,
      section,
      rIndex,
    });
    if (field.rules?.length) {
      this.pvRulesService.handleRules(field, section, field?.rowIndex);
    }
  }
});

// 静默设置值时，通过BehaviorSubject发出新值
const newValue = 1;
formgroup.get('mycontrol')?.setValue(newValue, { emitEvent: false });
controlValueSubject$.next(newValue);

• 如果你的订阅逻辑单一，方案1的手动变量维护更简单，代码量更少；
• 如果存在多个地方需要监听控件值，或者更倾向于RxJS的响应式编程风格，方案2更合适，能保证所有订阅者都能获取到最新的前后值对。

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