javascript - 无法使用输入类型在 IE9 中获取 slider =使用 Angular JS 的范围

Question

我正在尝试使用 AngularJS 制作 slider 。我无法在 IE 中获取 slider 。我尝试了 uislider 等第三方 API。但无法使其正常工作。有一个 Github 库，例如 RanglerSlider RangeSlider : 这取决于 Jquery 库。我不确定它如何嵌入到 AngluarJS 代码中。

我为此创建了 JSFiddle。 Demo

HTML代码

 <table class="table-responsive inputClass " >  
       <tr ng-repeat="ldcInput in inputLDC">
           <td> {{ ldcInput.name }} </td>
           <td><input ng-model="ldcInput.value" type="range" min="{{ldcInput.minValue}}" max="{{ldcInput.maxValue}}" step={{ldcInput.step}}  precision='2' value="{ldcInput.value}}" /></td>
        </tr>
    </table>

请帮忙解决这个问题

Answer 1

如果您的 angular js 最终无法正常工作，则另一种选择。

没有插件，你无法在 IE 9 中工作

http://wufoo.com/html5/types/8-range.html

仅 IE 10+ 支持类型范围

我一直使用这个插件Ion.RangeSlider。

跨浏览器:Google Chrome、Mozilla Firefox 3.6+、Opera 12+、Safari 5+、Internet Explorer 8+

http://ionden.com/a/plugins/ion.rangeSlider/en.html