The AngularJS input types are HTML input element control and used togather with ng-model directive. AngularJS input type Text can be decorate with various AngularJS arguments like name,ng-required,ng-minlength,ng-maxlength,ng-pattern,ng-trim and ng-change.
Syntax
Here is a list of AngularJS Input Type Text Arguments.
Directives | Description |
---|---|
ng-model | AngularJS expression to bind the text. |
name (optional) | Name of the control input control. |
ng-minlength (optional) | AngularJS expression sets the min validation constraint to the text. |
ng-maxlength (optional) | AngularJS expression sets the max validation constraint to the text. |
ng-pattern (optional) | Validate input type text with given match pattern. |
required (optional) | Validate input type text is required. |
ng-required (optional) | AngularJS expression ng-required expression evaluates to true. |
ng-trim (optional) | AngularJS expression ng-trim expression remove empty space. |
ng-change (optional) | AngularJS expression to be executed when input value changes. |
Above example will produce following output
See Live Example