2016-05-14 7 views

Antwort

1

Sie ein input[number]min mit verwenden können und max Validierung

Plunkr

<body ng-app="app" ng-controller="Ctrl as vm"> 
    <form name="form"> 
     <input type="number" ng-model="year" name="year" min="1950" max="{{vm.currentYear}}"> <br/> 
     <span ng-if="form.year.$error.min">Year should be at least 1950</span> 
     <span ng-if="form.year.$error.max">Year can not be in the future!</span> 
    </form> 
    <script> 
     angular.module('app', []).controller("Ctrl", function() { 
     this.currentYear = new Date().getFullYear(); 
     }); 
    </script> 
    </body> 

Damit wird die min oder max Bestätigung $error Schlüssel auf year für den Fall gesetzt, dass jemand ein Jahr eingibt, das nicht innerhalb dieser Grenzen liegt.

0

Probieren Sie diese

$scope.currentYear = new Date().getFullYear(); 

HTML

<input type="number" ng-model="value" min="1950" max="{{currentYear}}"> 
+0

Sie haben die Attribute 'name' und' ng-model' vergessen. Ohne diese wird keine Validierung durchgeführt –