ユーザー入力を4桁に制限する

Question

10進数の後に（。）と1桁の数字で最大4桁のユーザー入力を制限するにはどうすればよいですか？

Answer 1

ng-patternを使用して条件に一致する正規表現を設定し、myForm.myDecimal.$validの値をチェックして、ユーザーの入力が正規表現と一致するかどうかを確認できます。

http://plnkr.co/edit/BB7FxOQaollONESHZyJB?p=preview

HTML：：

<form name="myForm"> 
    <input type="number" 
    name="myDecimal" 
    placeholder="Decimal" 
    ng-model="myDecimal" 
    ng-pattern="/^[0-9]{0,4}(\.[0-9]{1,1})?$/" 
    step="0.1" 
    ng-style="{ border: myForm.myDecimal.$valid ? 'default' : '1px solid red' }" /> 
</form> 

http://gsferreira.com/archive/2015/02/angularjs-input-number-with-two-decimal-places/から適応ここplunkerの例です。