问题
When the value of an HTML5 <input type=”range”> element is changed in Chrome or Safari, angular detects the change. But in IE10 (on Windows 8, Windows Server 2012 and Windows Phone 8) the change seems to be ignored in both Angular v1.0.6 and v1.1.4. Firefox 20.0.1 doesn’t support this input type.
Try these two (third-party authored) fiddles to see what I mean: http://jsfiddle.net/fRgtF/, http://jsfiddle.net/mrajcok/nBd86/.
I can imagine a couple of quick fixes but as I’ll be using this is in a B2B context the key factors are stability, reliability and ease of long-term maintenance. With that in mind, can anyone help with these two questions:
(1) If I want to use <input type=”range”> in IE10 what’s the correct way to get Angular to detect changes in the input value? I don’t mind using lower-level Angular functions to get the right result.
(2) If I decide to use a sliding range input widget instead of the HTML5 element, does one already exist and/or are there any starting points (ideally svg-oriented) that would significantly help me build my own?
来源：https://stackoverflow.com/questions/16310707/angular-doesn-t-support-input-type-range-in-ie10