Trying to repro an issue with input[type=range] model binding and angularJS

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'/>
        <input tel='text' value='{{min}}' />
        
        <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) {
        $scope.min = 50;
        $scope.max = 150;
        $scope.modelValue = 130;
        
        $interval(function() {
            $scope.inputValue = $element.find('input').val();
        }, 250);
    });
    
    angular.bootstrap(document.querySelector('body'), ['test']);