angular - 当输入的类型为 Number 时，ValueChanges 在 blur 上触发

Question

与其他类型的 HTML 输入不同，我发现当输入模糊时输入数字类型的输入会触发 valueChanges 以及单击微调器(侧面的小箭头)会触发 valueChanges 是相当令人惊讶的两次，这是预期的行为，还是我遗漏了什么？

组件:

export class AppComponent {

  textControl = new FormControl();
  numberControl = new FormControl();

  ngOnInit(): void {
    this.textControl.valueChanges.subscribe(console.log)
    this.numberControl.valueChanges.subscribe(console.log)
  }

}

模板:

<input type="text" [formControl]="numberControl">
<input type="number" [formControl]="textControl">

这是 Stackblitz demo

Answer 1

这是 a known issue这已经在 Angular 10 中修复了

Forked Stackblitz with Angular 10

在此修复 Angular 之前 listed to two events :

host: {
    '(change)': 'onChange($event.target.value)',
    '(input)': 'onChange($event.target.value)',

从 Angular 10 开始，它只监听一个:

host: {
     '(input)': 'onChange($event.target.value)'