ng-maxlengthDyrektywa AngularJS


Przykład

Wyświetl błąd, jeśli wartość wejściowa jest dłuższa niż pięć znaków:

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

Definicja i użycie

Dyrektywa ng-maxlengthdodaje ograniczenie do pola wejściowego i walidatora formularza.

To ng-maxlengthnie to samo, co maxlength atrybut w HTML, który uniemożliwi użytkownikom wpisywanie więcej niż ograniczona liczba znaków.

Dyrektywa ng-maxlengthnie zabrania użytkownikom wpisywania większej liczby znaków niż ograniczona, ale formularz będzie niepoprawny, jeśli to zrobią.


Składnia

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

Obsługiwane głównie przez elementy <input> typu tekst, ale może być również używane w innych elementach, które umożliwiają wprowadzanie danych przez użytkownika.


Wartości parametrów

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