は、私は、スライダーの値を取得するには、このコードを使用しています

Question

角度

での入力範囲のライブ値を取得：

<input type="range" min="30" max="300" value="30" (change)="valueChanged($event)"></div> 

残念ながら、valueChanged方法は、マウスアップ時にトリガされます。サムがドラッグされたときに、どのように変化を継続的に通知することができますか？

(onmousemove)は機能しません。

Answer 1

はこのようにしてみてください。

<input type="range" min="30" max="300" value="30" (input)="valueChanged($event.target.value)"> 

valueChanged(e) { 
    console.log('e', e); 
} 

Answer 2

ここで、それはあなたが(input)を使用する必要がある。ここでは

<input type="range" min="30" max="300" value="30" (input)="valueChanged($event)"> 

valueChanged(e) { 
    console.log(e.target.value); 
} 

---

は、実施例へのリンクです、是非ご覧下さい。

https://stackblitz.com/edit/input-range-dynamic-value-change

Answer 3

ngModelを使用してこれを取得するか、formcontrollerを使用する必要があります。 以下のサンプルでは、​​これをngmodelで行っています。

<input type="range" [ngModel]="mymodel" (ngModelChange)="valueChanged($event)" min="30" max="300" value="30"> 

フォームコントローラを使用する場合は、ご利用ください。

this.FORMCONTROLLER.valueChanges.subscribe(formValue => { 
     this.valueChanged($event) 
    });