Instrucción ng-maxlength de AngularJS

Definición y uso

ng-maxlength se agregan restricciones a los campos de entrada y los validadores del formulario.

ng-maxlength Con la instrucción en HTML maxlength Las propiedades son diferentes, la última impedirá que el usuario ingrese más caracteres de lo permitido.

ng-maxlength La directiva no impide que el usuario ingrese más caracteres de los permitidos, pero si el usuario lo hace, el formulario no será válido.

Ejemplo

Si el valor de entrada excede cinco caracteres, se mostrará un error:

<form name="myForm">
<input name="myInput" ng-model="myInput" ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">El valor es demasiado largo</h1>
</form>

Prueba por ti mismo

Sintaxis

<input type="text" ng-maxlength="number</input>

Principalmente de tipo de texto <input> Elementos soportados, pero también se puede usar en otros elementos que permiten que el usuario ingrese datos.

Parámetros