[Angular2 Form] patchValue, setValue and reset() for Form

標籤：his   model   set   net   res   require   title   extra   min   

Learn how to update part of form model, full form model and reset whole form.

 

We have form definetion like this:

reactiveForm: FormGroup;constructor(fb: FormBuilder) {    this.extra = new FormControl(‘...‘, [      Validators.maxLength(100)    ]);    this.reactiveForm = fb.group({      // title <-- formControlName="title"      title: [        ‘Title‘, // <-- Default value        [          Validators.required,          Validators.minLength(3)        ] // <-- Validations      ],      duration: [        0,        [          Validators.required,          //Validators.pattern(‘[0-9]+‘),          validateDuration        ]      ],      extra: this.extra,      description: [        ‘Description‘,        [Validators.required]      ]    });

 

  partialUpdate(){    this.reactiveForm.patchValue({      title: ‘updatedTitle‘    })  }  fullUpdate(){    this.reactiveForm.setValue({      title: "Full updated title",      description: "Full updated description",      duration: 0,      extra: "Extra"    })  }  reset(){    this.reactiveForm.reset();  }

 

[Angular2 Form] patchValue, setValue and reset() for Form