我用下面的代码在Angular 11中解决了这个问题:

<input type="number" min="0" max="50" [value]="input.to" name="to"
        (input)="input.to=$event.target.value; experienceToAndFrom()">

并且，experienceToAndFrom()是我的组件中的一个方法。

PS:我尝试了以上所有的解决方案，但都不奏效。

<input type="text" [ngModel]="mymodel" (keypress)="mymodel=$event.target.value"/>
{{mymodel}}

更新

https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event

警告:由于此事件已弃用，您应该使用beforeinput或keydown代替。

通过将[(x)]语法分解成两部分来使用ngModelChange，即属性绑定和事件绑定:

<input type="text" [ngModel]="mymodel" (ngModelChange)="valuechange($event)" />
{{mymodel}}

valuechange(newValue) {
  mymodel = newValue;
  console.log(newValue)
}

它也适用于退格键。

我用下面的代码在Angular 11中解决了这个问题:

<input type="number" min="0" max="50" [value]="input.to" name="to"
        (input)="input.to=$event.target.value; experienceToAndFrom()">

并且，experienceToAndFrom()是我的组件中的一个方法。

PS:我尝试了以上所有的解决方案，但都不奏效。

在我的案例中，解决方案是:

[ngModel]="X?.Y" (ngModelChange)="X.Y=$event"

这个问题有多种答案。 然而，如果你想用另一种方式，特别是在你对change事件采取任何行动之前添加一些延迟，那么你可以使用带有angular形式valuechanges()的debounceTime()方法。这段代码需要添加在ngOnInit()钩子或创建一个单独的方法，并从ngOnInit()调用它。

  ngOnInit(): void {
    this.formNameInputChange();
  }

  formNameInputChange(){
    const name = this.homeForm.get('name'); // Form Control Name
    name?.valueChanges.pipe(debounceTime(1000)).subscribe(value => {
      alert(value);
    });
  }
  // this is reactive way..
  homeForm = this.fb.group({
    name:['']
  });