AngularJS- ng-maxlengthrichtlijn


Voorbeeld

Geef een fout weer als de invoerwaarde langer is dan vijf tekens:

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

Definitie en gebruik

De ng-maxlengthrichtlijn voegt een beperking toe aan een invoerveld en aan de validator van het formulier.

Het ng-maxlengthis niet hetzelfde als het maxlength attribuut in HTML, waardoor gebruikers niet meer dan het beperkte aantal tekens kunnen typen.

De ng-maxlengthrichtlijn verhindert niet dat gebruikers meer dan het beperkte aantal off-tekens typen, maar het formulier is ongeldig als ze dat wel doen.


Syntaxis

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

Hoofdzakelijk ondersteund door <input>-elementen van het type tekst, maar kan ook worden gebruikt op andere elementen die gebruikersinvoer mogelijk maken.


Parameterwaarden

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