Improve this Doc View Source input
Improve this Doc View Source input
- directive in module ng
Overview
HTML input element control. When used together with ngModel, it provides data-binding, input state control, and validation. Input control follows HTML5 input types and polyfills the HTML5 validation behavior for older browsers.
Note: Not every feature offered is available for all input types. Specifically, data binding and event handling via ng-model
is unsupported for input[file]
.
Directive Info
- This directive executes at priority level 0.
Usage
as element:
<input ng-model="string" [name="string"] [required="string"] [ng-required="boolean"] [ng-minlength="number"] [ng-maxlength="number"] [ng-pattern="string"] [ng-change="string"] [ng-trim="boolean"]> ... </input>
Arguments
Param | Type | Details |
---|---|---|
ngModel | string
|
Assignable AngularJS expression to data-bind to. |
name (optional) |
string
|
Property name of the form under which the control is published. |
required (optional) |
string
|
Sets required validation error key if the value is not entered.
|
ngRequired (optional) |
boolean
|
Sets required attribute if set to true
|
ngMinlength (optional) |
number
|
Sets minlength validation error key if the value is shorter than minlength.
|
ngMaxlength (optional) |
number
|
Sets maxlength validation error key if the value is longer than maxlength. Setting the attribute to a negative or non-numeric value, allows view values of any length.
|
ngPattern (optional) |
string
|
Sets pattern validation error key if the ngModel $viewValue value does not match a RegExp found by evaluating the AngularJS expression given in the attribute value. If the expression evaluates to a RegExp object, then this is used directly. If the expression evaluates to a string, then it will be converted to a RegExp after wrapping it in ^ and $ characters. For instance, "abc" will be converted to new RegExp('^abc$') .Note: Avoid using the |
ngChange (optional) |
string
|
AngularJS expression to be executed when input changes due to user interaction with the input element. |
ngTrim (optional) |
boolean
|
If set to false AngularJS will not automatically trim the input. This parameter is ignored for input[type=password] controls, which will never trim the input. (default: true) |
Example
© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.
https://code.angularjs.org/1.8.2/docs/api/ng/directive/input