Demonstrating timeout workaround for input[type=range] model binding and angularJS issue

https://github.com/angular/angular.js/issues/6726#issuecomment-37899455

HTML

<script src="http://code.angularjs.org/1.2.14/angular.js"></script>
    <div ng-controller='foo'>
        <input type='range' ng-model='modelValue' min='{{min}}' max='{{max}}' step='1'/>
        
        <div> $scope.modelValue: {{modelValue}} </div>
        <div> input's actual value: {{inputValue}}</div>
    </div>

JavaScript

var module = angular.module('test', []);
    
    module.controller("foo", function($scope, $rootScope, $element, $interval, $timeout) {
        $scope.min = 50;
        $scope.max = 2000;
        
        $timeout(function() {
            $scope.modelValue = 100;
        });
        
        $interval(function() {
            $scope.inputValue = $element.find('input').val();
        }, 250);
    });
    
    angular.bootstrap(document.querySelector('body'), ['test']);