Cuando el valor de un HTML5<input type=”range”> El elemento se cambia en Chrome o Safari, angular detecta el cambio. Pero en IE10 (en Windows 8, Windows Server 2012 y Windows Phone 8) el cambio parece ignorarse tanto en Angular v1.0.6 como en v1.1.4. Firefox 20.0.1 no admite este tipo de entrada.

Pruebe estos dos (compilaciones de terceros) para ver a qué me refiero:http://jsfiddle.net/fRgtF/, http://jsfiddle.net/mrajcok/nBd86/.

Puedo imaginar un par de soluciones rápidas, pero como lo usaré en un contexto B2B, los factores clave son la estabilidad, la confiabilidad y la facilidad de mantenimiento a largo plazo. Con eso en mente, ¿alguien puede ayudar con estas dos preguntas?

(1) Si quiero usar<input type=”range”> en IE10, ¿cuál es la forma correcta de que Angular detecte cambios en el valor de entrada? No me importa usar funciones angulares de nivel inferior para obtener el resultado correcto.

(2) Si decido usar un widget de entrada de rango deslizante en lugar del elemento HTML5, ¿ya existe uno y / o hay algún punto de partida (idealmente orientado a svg) que me ayudaría significativamente a construir el mío?