JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app>
	<form name="myForm" ng-controller="myCtrl" novalidate>
        <input ng-model="theValue" type="range" min="0" max="100" required>
        <input ng-model="theValue" type="number" name="myValue" required></input>
        <span ng-show="theValue.$error.number">Hey! No letters, buddy!</span>
    

    
theValue is:
<pre>{{theValue}}</pre>
<br><br>
myForm.$error is:
<pre>{{myForm.$error}}</pre>
<br><br>
myForm.myValue is:
<pre>{{myForm.myValue}}</pre>            
     </form>
</div>

JavaScript

function myCtrl($scope) {
    $scope.theValue = 50;
}