Display an error if the input value is longer than five characters:
<input name="myInput" ng-model="myInput" ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">The value is too long</h1>
Definition and Usage
ng-maxlength directive adds a restriction to an input field,
and to the validator of the form.
ng-maxlength is not the same as the
attribute in HTML, which will prevent users from typing more than the restricted
number of characters.
ng-maxlength directive will not prevent users from typing
more than the restricted number off characters, but the form will be invalid if
they do so.
Mainly supported by <input> elements of type text, but can also be used on other elements that allows user input.
|number||A number representing the maximum number of characters legal for the input field.|