AngularJS ng-maxlength 지시

정의와 사용법

ng-maxlength 지시를 통해 입력 필드와 양식 검증자에 제한을 추가합니다.

ng-maxlength HTML에서 maxlength 속성이 다를 때, 후자는 사용자가 제한된 문자 수를 초과하여 입력할 수 없도록 방지합니다.

ng-maxlength 지시는 사용자가 제한된 문자 수를 초과하는 입력을 방지하지 않지만, 사용자가 이렇게 하면 폼이 유효하지 않습니다.

예제

입력 값이 다섯 문자를 초과하면 오류를 표시합니다:

<form name="myForm">
<input name="myInput" ng-model="myInput" ng-maxlength="5">
<h1 ng-if="!myForm.myInput.$valid">값이 너무 길다</h1>
</form>

직접 시도해보세요

문법

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

주로 텍스트 유형의 <input> 요소가 지원하지만, 사용자가 입력할 수 있는 다른 요소에도 사용할 수 있습니다.

파라미터