标签: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
标签:his model set net res require title extra min
原文地址:http://www.cnblogs.com/Answer1215/p/6012361.html