Text input with number validation and transformation. Sets the number
validation error if not a valid number.
<input type="number"
ng-model=""
[name=""]
[min=""]
[max=""]
[required=""]
[ng-required=""]
[ng-minlength=""]
[ng-maxlength=""]
[ng-pattern=""]
[ng-change=""]>
Param | Type | Details |
---|---|---|
ngModel | string | Assignable angular expression to data-bind to. |
name
(optional) | string | Property name of the form under which the control is published. |
min
(optional) | string | Sets the |
max
(optional) | string | Sets the |
required
(optional) | string | Sets |
ngRequired
(optional) | string | Adds |
ngMinlength
(optional) | number | Sets |
ngMaxlength
(optional) | number | Sets |
ngPattern
(optional) | string | Sets |
ngChange
(optional) | string | Angular expression to be executed when input changes due to user interaction with the input element. |
<script>
angular.module('numberExample', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.value = 12;
}]);</script><form name="myForm" ng-controller="ExampleController">
Number: <input type="number" name="input" ng-model="value"
min="0" max="99" required>
<span class="error" ng-show="myForm.input.$error.required">
Required!</span>
<span class="error" ng-show="myForm.input.$error.number">
Not valid number!</span>
<tt>value = {{value}}</tt><br/>
<tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br/>
<tt>myForm.input.$error = {{myForm.input.$error}}</tt><br/>
<tt>myForm.$valid = {{myForm.$valid}}</tt><br/>
<tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>
</form>
protractor.jsvar value = element(by.binding('value'));var valid = element(by.binding('myForm.input.$valid'));var input = element(by.model('value'));
it('should initialize to model', function() {
expect(value.getText()).toContain('12');
expect(valid.getText()).toContain('true');});
it('should be invalid if empty', function() {
input.clear();
input.sendKeys('');
expect(value.getText()).toEqual('value =');
expect(valid.getText()).toContain('false');});
it('should be invalid if over max', function() {
input.clear();
input.sendKeys('123');
expect(value.getText()).toEqual('value =');
expect(valid.getText()).toContain('false');});