Блог

Я хочу, чтобы мат-слайдер обновлял текстовое поле как пользователь, использующий его в режиме реального времени. В настоящее время только после того, как пользователь перетаскивает его мышью, событие запускается и обновляется. При использовании клавиатуры она работает так, как ожидалось. Как я могу добиться такого же поведения при использовании мыши? Я попытался использовать события change, input и ngModelChange, но ни одно из них не работает должным образом.

Пример приложения здесь

Вам нужно добавить это:

 (input)="inputUpdate($event)"
 

в ваш html-компонент

и в вашем классе ts добавьте функцию inputUpdate:

 inputUpdate(matSliderChange:any) {
    this.value = matSliderChange.value;
  }
 

вы можете изменить любой тип, который я использовал, с реальным типом «MatSliderChange».