AngularJS HTML Slider

http://angularjs.org/

by Tim Regan

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script>
<div ng-controller="MainCtrl as mainCtrl">
    <form>
        <input 
            type="range" 
            ng-model="mainCtrl.range.value" 
            ng-attr-min="mainCtrl.range.min" 
            ng-attr-max="mainCtrl.range.max" />
    </form>
    <div>{{mainCtrl.range.min}} -- {{mainCtrl.range.value}} -- {{mainCtrl.range.max}}</div>
</div>

JavaScript

angular.module('AngularTestApp', [])
.controller('MainCtrl', [function () {
    var self = this;
    self.range = {
        min: 0,
        max: 10,
        value: 3
    };
}]);