title: angularJs - update range and number input simultaniously fails
body: <p>I would like to change a range and an input box simultaneously using AngularJs but getting this error: "<a href="http://errors.angularjs.org/1.3.11/ngModel/numfmt?p0=0.6" rel="nofollow">http://errors.angularjs.org/1.3.11/ngModel/numfmt?p0=0.6</a>"</p>
  
  <p>I think the cause is the range updating the model with strings instead of numeric values but this doesn't get me closer to the solution.</p>
  
  <pre><code>&lt;html ng-app="app"&gt;
      &lt;div ng-controller="controller"&gt;
          &lt;input type="number" min="0" max="1" step="0.1" ng-model="value" /&gt;
          &lt;input type="range" min="0" max="1" step="0.1" ng-model="value"/&gt;
      &lt;/div&gt;
  &lt;/html&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      var app = angular.module('app', []);
      app.controller('controller', function($scope) {
          $scope.value = 0.5;
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>How can I make the changes of the range applied on the input box without the error?</p>
  
  <p>note: the obvious solution is to change the type of the input box to "text", but I would NOT like to allow non-numeric values there.</p>