입력 필드의 가변 길이

Question

각도 1 앱을 사용하고 있습니다. 이 필드가 있습니다 :

<input type="string" maxlength="4" ng-model="account.myNumber" /> 

이 필드는 정수만 허용해야합니다. 나는 "type = number"를 사용하면 일부 브라우저가 필드에서 숫자를 변경하는 selectbox와 같은 이상한 방법으로 필드를 표시한다고 생각합니다. 그래서 숫자를 허용하는 정규 표현식을 사용하는 것이 가장 좋습니다. 그러나이 필드는 첫 번째 문자가 0이 아닌 경우에만 최대 길이가 4 자입니다. 처음 입력 한 문자가 0이면 최대 길이는 5 여야합니다. 이 문제를 해결할 정규식이 있는지 궁금합니다 . 아니면 컨트롤러가 이것을 확인해야합니까? 나는 그것을 계산하게하는 것이 가능하다면 정규식으로 더 깔끔하게 될 것이라고 생각한다.

Answer 1

이 작업을 수행 할 HTML5 pattern 속성을 사용할 수 있습니다 :

<input type="string" pattern="^0?[0-9]{0,4}$" ng-model="account.myNumber" />