Angular 移动时mat滑块未更新文本框

Angular 移动时mat滑块未更新文本框,angular,angular-material,Angular,Angular Material,我想垫滑块更新文本框作为用户使用它的实时。当前,只有在用户用鼠标拖动事件后,才会触发事件并对其进行更新。当使用键盘时,它会按预期工作。当使用鼠标时,如何实现相同的行为?我尝试使用change、input和ngModelChange事件,但都没有达到预期效果 示例应用程序您需要添加以下内容: (input)="inputUpdate($event)" 添加到html组件 在ts类上添加inputUpdate函数: inputUpdate(matSliderChange:any

我想垫滑块更新文本框作为用户使用它的实时。当前,只有在用户用鼠标拖动事件后,才会触发事件并对其进行更新。当使用键盘时,它会按预期工作。当使用鼠标时,如何实现相同的行为?我尝试使用change、input和ngModelChange事件,但都没有达到预期效果

示例应用程序

您需要添加以下内容:

(input)="inputUpdate($event)"
添加到html组件

在ts类上添加inputUpdate函数:

inputUpdate(matSliderChange:any) {
    this.value = matSliderChange.value;
  }
您可以更改我与实际类型“MatSliderChange”一起使用的任何类型