Quando o valor de um HTML5<input type=”range”> elemento é alterado no Chrome ou Safari, angular detecta a mudança. Mas no IE10 (no Windows 8, Windows Server 2012 e Windows Phone 8) a alteração parece ser ignorada tanto no Angular v1.0.6 como no v1.1.4. O Firefox 20.0.1 não suporta este tipo de entrada.

Experimente estes dois violinos (criados por terceiros) para ver o que quero dizer:http://jsfiddle.net/fRgtF/, http://jsfiddle.net/mrajcok/nBd86/.

Eu posso imaginar algumas soluções rápidas, mas como vou usar isso em um contexto B2B, os fatores-chave são estabilidade, confiabilidade e facilidade de manutenção a longo prazo. Com isso em mente, alguém pode ajudar com essas duas perguntas:

(1) Se eu quiser usar<input type=”range”> no IE10, qual é a maneira correta de obter o Angular para detectar alterações no valor de entrada? Não me importo de usar funções angulares de baixo nível para obter o resultado certo.

(2) Se eu decidir usar um widget de entrada de intervalo de deslizamento em vez do elemento HTML5, um já existe e / ou há algum ponto de partida (idealmente orientado pelo svg) que me ajudaria significativamente a construir o meu próprio?