如果是响应式表单的表单控件,请在滑动垫滑块时更新表单数据

时间:2018-08-30 11:02:09

标签: angular angular-material

我有一个滑块,它是反应形式的形式控件。 我要在滑动滑块时更新表单数据。

现在,当我释放滑块时,数据会更新。

我可能可以解决我的问题 Get angular2 md-slider value while sliding,但我认为这不是最佳答案,因为表单数据将更新两次。 (在幻灯片上,以及当用户释放滑块时),如果我必须手动更新幕后数据,我也觉得这违反了使用反应式表单的目的。

1 个答案:

答案 0 :(得分:0)

尝试一下,它对我有用。 在html

<mat-slider thumbLabel class="slider" min="1" max="20" step="1" [formControl]="sliderControl"></mat-slider>

在ts

...
sliderControl = new FormControl(10);
...
ngOnInit(): void {
    ...
    this.sliderControl.valueChanges.subscribe(value => {
        console.log(value);
    });
}