Looking for angular2 Answers? Try Ask4KnowledgeBase
Looking for angular2 Keywords? Try Ask4Keywords

Angular 2角度2データ駆動型


備考

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);
  }

上記と同じ規則が、配列から特定のフォームコントロールを削除する場合に適用されます

角度2データ駆動型 関連する例