ng-maxlengthDiretiva AngularJS
Exemplo
Exibe um erro se o valor de entrada tiver mais 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>
Definição e uso
A ng-maxlengthdiretiva adiciona uma restrição a um campo de entrada e ao validador do formulário.
O ng-maxlengthnão é o mesmo que o maxlength
atributo em HTML, o que impedirá que os usuários digitem mais do que o número restrito de caracteres.
A ng-maxlengthdiretiva não impedirá que os usuários digitem mais do que o número restrito de caracteres, mas o formulário será inválido se o fizerem.
Sintaxe
<input type="text" ng-maxlength="number"></input>
Suportado principalmente por elementos <input> do tipo text, mas também pode ser usado em outros elementos que permitem entrada do usuário.
Valores de parâmetro
| Value | Description |
|---|---|
| number | A number representing the maximum number of characters legal for the input field. |