ng-maxlengthDirectiva AngularJS
Ejemplo
Muestra un error si el valor de entrada tiene más de cinco caracteres:
<form name="myForm">
<input name="myInput" ng-model="myInput"
ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">The value is too
long</h1>
</form>
Definición y uso
La ng-maxlengthdirectiva agrega una restricción a un campo de entrada y al validador del formulario.
No ng-maxlengthes lo mismo que el maxlength
atributo en HTML, lo que evitará que los usuarios escriban más de la cantidad restringida de caracteres.
La ng-maxlengthdirectiva no evitará que los usuarios escriban más de la cantidad restringida de caracteres, pero el formulario no será válido si lo hacen.
Sintaxis
<input type="text" ng-maxlength="number"></input>
Principalmente compatible con elementos <input> de tipo texto, pero también se puede usar en otros elementos que permiten la entrada del usuario.
Valores paramétricos
| Value | Description |
|---|---|
| number | A number representing the maximum number of characters legal for the input field. |