入力フィールドをスライダーにバインドする必要があります
<input id="testScore" type="text" min="0" max="100" name="testScore" value="{{testForm.testScore}}" ng-model="testForm.testScore" ng-pattern="onlyNumbers"><span id="unit">%</span>
<input class="progress-slider" type="range" min="0" max="100" ng-model="testForm.testScore">
<div class="inner" ng-style="{ width: selectedRange + '%' || '0%' }"></div>
したがって、テキストタイプを「数値」として指定すると、スライダーの位置を変更する入力を入力できます。範囲を取得することもできますが、スライダーを動かそうとすると、入力フィールドの値が表示されません。一方向バインディングしかないように。
しかし、タイプを「テキスト」として指定すると、入力内に値を入力するとスライダーが移動し、スライダーを移動すると入力値が変更されますが、0〜100の範囲にすることはできません。テキストタイプの入力。
双方向バインディングを取得し、最小範囲と最大範囲を定義することで解決できる方法はありますか。