Angular 4+でRactiveFormのデータ型を指定する方法は？

Question

数値でなければならないフィールドの場合、現在はstringを返します。私はそれがまだ実装されていない機能であるかわからない、または正しく設定する方法がわからない。

this.form = new FormGroup({ 
     number: new FormControl() 
    }); 

    console.log(this.form.value); 

私はthis.form.valueを呼び出すとき、それはネイティブ数にする必要があります。フォームにはツリー構造があります。私はそれらを一つずつキャストすることが最後の選択肢になります。

おかげで、入力フィールドに

Answer 1

、ユーザーは数字のみを入力できることを確認するために、このパターンを使用します。pattern="[0-9]*"

その後、あなたは数としてそれを得るためにNumber(<your bind variable>)を使用することができます。