ng-maxlengthDirettiva AngularJS


Esempio

Visualizza un errore se il valore immesso è più lungo di cinque caratteri:

<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>

Definizione e utilizzo

La ng-maxlengthdirettiva aggiunge una restrizione a un campo di input e al validatore del modulo.

Non ng-maxlengthè lo stesso maxlength dell'attributo in HTML, che impedirà agli utenti di digitare più del numero limitato di caratteri.

La ng-maxlengthdirettiva non impedirà agli utenti di digitare più del numero limitato di caratteri off, ma il modulo non sarà valido se lo fanno.


Sintassi

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

Supportato principalmente da elementi <input> di tipo testo, ma può essere utilizzato anche su altri elementi che consentono l'input dell'utente.


Valori dei parametri

Value Description
number A number representing the maximum number of characters legal for the input field.