Angular货币格式化指令中如何检测emitEvent为false时的输入值变化

Angular 表单控件原生的valueChanges、statusChanges流，触发逻辑完全受setValue/patchValue方法传入的emitEvent参数控制，不存在可以无视该配置、在emitEvent:false场景下自动触发的内置事件。要实现目标，需要主动拦截控件值变更的入口逻辑，从根源上绕开emitEvent的限制。

方案1：重写表单控件的原生setValue方法（最稳定，侵入性最低） #

通过在指令的初始化阶段，拿到绑定的表单控件实例，替换原生的setValue方法，拦截所有值变更请求，完全不破坏原有参数配置的行为逻辑。
实现逻辑：

• 保存原生setValue方法的原引用，避免丢失底层能力
• 在自定义的setValue实现中，无论传入的emitEvent是什么值，都先执行自有的格式化逻辑
• 最后将所有参数原样传给原生setValue，保证原有业务逻辑的行为完全不变，不会因为改动引发额外副作用
  参考实现片段：

constructor(
  private currencyPipe: CurrencyPipe,
  private ngControl: NgControl,
  private elementRef: ElementRef<HTMLInputElement>
) {}

ngOnInit() {
  const control = this.ngControl.control;
  // 绑定原生setValue的this指向，避免调用时上下文丢失
  const originalSetValue = control.setValue.bind(control);

  // 重写setValue方法，拦截所有值变更
  control.setValue = (value, options) => {
    // 在这里执行格式化逻辑：非聚焦状态下将原始值格式化为货币展示格式
    if (!this.elementRef.nativeElement.matches(':focus')) {
      value = this.format(value);
    }
    // 原样保留传入的options配置，包括原本的emitEvent设置
    originalSetValue(value, options);
  }
}

// 原有格式化方法
private format(value: any) {
  if (value && value !== '-' && !isNaN(value)) {
    return this.currencyPipe.transform(value, this.currencyCode, '', this.digitsInfo, this.locale);
  }
  return value;
}

方案2：拦截原生input元素的value属性设置 #

Angular 表单在收到控件值变更后，会自动将值同步到DOM input元素的value属性上。可以通过重写input元素的value属性setter，捕获所有对input值的赋值操作——无论是用户键盘输入触发的，还是emitEvent:false场景下Angular同步过来的。
实现片段：

ngAfterViewInit() {
  const inputEl = this.elementRef.nativeElement;
  const inputProto = Object.getPrototypeOf(inputEl);
  // 获取原生value属性的配置描述
  const valueDesc = Object.getOwnPropertyDescriptor(inputProto, 'value');

  Object.defineProperty(inputEl, 'value', {
    get() {
      return valueDesc.get.call(inputEl);
    },
    set(newVal) {
      // 拦截所有value赋值
      // 聚焦状态下将格式化文本反向解析为纯数字，方便用户编辑
      if (inputEl.matches(':focus')) {
        newVal = this.parseRawValue(newVal);
      }
      // 非聚焦状态下将纯数字格式化为货币文本
      else {
        newVal = this.format(newVal);
      }
      // 执行原生赋值逻辑
      valueDesc.set.call(inputEl, newVal);
    }
  })
}

• 不要随意修改传入的emitEvent参数为true：原本传emitEvent:false的代码逻辑，大概率是不希望触发全局值变更监听的，强行修改会引发意料之外的业务副作用
• 做好循环触发拦截：如果格式化后的值和原值没有差异，要直接跳过重复的赋值操作，避免进入无限循环
• 表单控件的存储值建议始终保留未格式化的纯数字：将千分位、货币符号这类格式化内容仅作为DOM展示层的内容存在，避免业务逻辑读取表单值时需要额外做反向解析，降低出错概率

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