W3cubDocs

/Angular.js 1.7

Improve this Doc View Source input

  1. 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 g flag on the RegExp, as it will cause each successive search to start at the index of the last search's match, thus not taking the whole input value into account.

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–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.7.8/docs/api/ng/directive/input