AngularJS- ng-maxlengthDirektive
Beispiel
Zeigt einen Fehler an, wenn der Eingabewert länger als fünf Zeichen ist:
<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>
Definition und Verwendung
Die ng-maxlengthDirektive fügt einem Eingabefeld und dem Validator des Formulars eine Einschränkung hinzu.
Das ng-maxlengthist nicht dasselbe wie das maxlength
Attribut in HTML, das Benutzer daran hindert, mehr als die begrenzte Anzahl von Zeichen einzugeben.
Die ng-maxlengthAnweisung hindert Benutzer nicht daran, mehr als die eingeschränkte Anzahl von Zeichen einzugeben, aber das Formular wird ungültig, wenn sie dies tun.
Syntax
<input type="text" ng-maxlength="number"></input>
Wird hauptsächlich von <input>-Elementen vom Typ Text unterstützt, kann aber auch für andere Elemente verwendet werden, die Benutzereingaben ermöglichen.
Parameterwerte
| Value | Description |
|---|---|
| number | A number representing the maximum number of characters legal for the input field. |