将数据绑定到简单范围滑块

Question

我需要将输入字段绑定到滑块

<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>

因此，当我将文本类型设为＆＃34; number＆＃34;我可以输入改变滑块位置的输入，我甚至可以得到范围，但是当我尝试移动滑块时，输入字段值不会显示。就像只有一种方式绑定。

但是当我把类型作为＆＃34; text＆＃34;它有两种方式绑定，在输入内输入值移动滑块以及移动滑块改变输入值，但我无法得到它的范围从0到100，因为它是一个文本类型输入。

有没有办法可以通过双向绑定来解决它并定义最小和最大范围。