this.myForm = this.formBuilder.group
ユーザーの構成でフォームオブジェクトを作成し、これをthis.myForm変数に割り当てます。
'loginCredentials': this.formBuilder.group
メソッドは、 formControlNameなどで構成されるコントロールのグループを作成します。 login
とvalue ['', Validators.required],
最初のパラメータはフォーム入力の初期値で、seconsはバリデータまたはvalidatorの配列です'email': ['', [Validators.required, customValidator]],
'hobbies': this.formBuilder.array
グループの配列を作成します。グループのインデックスは配列のformGroupNameで、次のようにアクセスします。
<div *ngFor="let hobby of myForm.find('hobbies').controls; let i = index">
<div formGroupName="{{i}}">...</div>
</div>
onAddHobby() {
(<FormArray>this.myForm.find('hobbies')).push(new FormGroup({
'hobby': new FormControl('', Validators.required)
}))
}
このサンプルメソッドは、新しいformGroupを配列に追加します。現在アクセスするには、アクセスするコントロールの種類を指定する必要があります。この例では、 <FormArray>
removeHobby(index: number){
(<FormArray>this.myForm.find('hobbies')).removeAt(index);
}
上記と同じ規則が、配列から特定のフォームコントロールを削除する場合に適用されます