A simple input[type=range] directive for AngularJS. There is an issue databinding to value changes: https://github.com/angular/angular.js/pull/2085.

gistfile1.js

var myApp = angular.module("myApp", []);
myApp.directive("rangeChange", function ($rootScope) {
    var linker = function (scope, element, attrs) {
        var updateScope = function () {
            scope[attrs.rangeControl](element.val());
            //may need to scope.$apply here
        };
        element.bind("change", updateScope);
        updateScope(); //get the default value
    };
    
    return {
        link: linker
    };
});
 
//Usage:
/**
 * <input type="range" range-change="myScopeMethodOnAController" />
 */

scope[attrs.rangeControl]... should be scope[attrs.rangeChange]...