Improve this Doc  View Source

textarea

  1. - directive in module ng

HTML textarea element control with angular data-binding. The data-binding and validation properties of this element are exactly the same as those of the input element.

Directive Info

  • This directive executes at priority level 0.

Usage

  • as element:
    <textarea
      ng-model="string"
      [name="string"]
      [required="string"]
      [ng-required="string"]
      [ng-minlength="number"]
      [ng-maxlength="number"]
      [ng-pattern="string"]
      [ng-change="string"]
      [ng-trim="boolean"]>
    ...
    </textarea>

Arguments

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.

required
(optional)
string

Sets required validation error key if the value is not entered.

ngRequired
(optional)
string

Adds required attribute and required validation constraint to the element when the ngRequired expression evaluates to true. Use ngRequired instead of required when you want to data-bind to the required attribute.

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 does not match a RegExp found by evaluating the Angular 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

Angular expression to be executed when input changes due to user interaction with the input element.

ngTrim
(optional)
boolean

If set to false Angular will not automatically trim the input.

(default: true)