ng-maxlength
Dyrektywa 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-maxlength
dodaje ograniczenie do pola wejściowego i walidatora formularza.
To ng-maxlength
nie to samo, co maxlength
atrybut w HTML, który uniemożliwi użytkownikom wpisywanie więcej niż ograniczona liczba znaków.
Dyrektywa ng-maxlength
nie 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. |