首页 > 代码库 > [Angular2 Form] patchValue, setValue and reset() for Form
[Angular2 Form] patchValue, setValue and reset() for Form
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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。