角度2：正規表現

Question

私はIE 11

<input type="number" name="amount" [(ngModel)]="amount" (keypress)="validateNum($event) /> 

にそして、私はへの入力を制限しようとしている。ここ

private validateNum(event: KeyboardEvent): void { 
    const pattern = /^\d{1,3}[.]\d{1,6}$/g; 
    let inputChar = String.fromCharCode(event.charCode); 
    if(!pattern.test(inputChar)) { 
     event.preventDefault(); 
    } 
} 

typescriptですで番号フィールドを検証しようとしていると番号の検証3桁と5桁の小数です。私が直面している問題は、regExは各キーが押された（3桁の数字が押された後に検証されない）ことを検証しており、何も入力することができません。数字が制限に達した後に番号を検証するにはどうすればよいですか？または、Angular2のregExなしで検証することは可能ですか？私はAngularを初めて使っていて、提案が必要です。

Answer 1

keypressからblurに変更してください。そうすれば、コントロールがフォーカスを失ったときに検証が実行されます。

Answer 2

text-maskという素晴らしいライブラリがあります。簡単にマスクを作成し、3桁と5桁の小数を入力するようにユーザーを制限することができます。

mask = [/\d/, /\d/,/\d/, '.', /\d/, /\d/, /\d/, /\d/, /\d/]