2017-01-18 1 views
0

角度によって変化するように、入力レンジ値を参照してください。はい、これは私が角2それは2

に完全にnoobのだから、私は私の範囲の値を渡すためにしようとしている、noobの質問になりますコンポーネント、私はすでにどのように考え出した。しかし今、私は、変更が行われている間ではなく、変更中の値を見ることがうれしいと思います。説明しようとしていることを理解していただければ幸いです。 app.component.ts

setRam(value){ 
    this.selectedRam = value; 
    console.log(this.selectedRam); 
} 

でapp.component.html

<form action="#"> 
    <input type="text" placeholder="Time"><br> 
    ram: {{ selectedRam }} 
    <input #ramSelector name="ram" type="range" min="0" max="{{ ramMaxValue }}" (change)="setRam(ramSelector.value)" value="0"> 
</form> 

私は、この "oninput" 方法があるが、動作しませんでした。

Thansk in advance!

答えて

1

は、以下のようなNGモデルを使用してみてください:inputを使用して

<form action="#"> 
<input type="text" placeholder="Time"><br> 
ram: {{ selectedRam }} 
<input #ramSelector name="ram" type="range" min="0" max="{{ ramMaxValue }}" [(ngModel)]="mymodel" (ngModelChange)="setRam($event)" value="0"> 

+0

を動作するようです!ありがとう。さて、それは値が "0"であっても、セレクタは最初ではなく中間にあります。どんな考え?またはそれを修正する方法は? –

+0

これは変わったようです。valueという名前のプロパティを宣言しようとすると、デフォルト値0のものをバインドして、次のようにバインドします。value = "{{value}}" –

+0

Javeryで強制終了した場合は? –

0

は私のために働いていたperefctly

<input type="range" min="0" max="100" #ranger (input)="yourMethod(ranger.value)">