如何实现表单的自动保存？

Question

我打算在FormBuilder的帮助下使用ReactiveForms.而且我想知道可以实现自动保存的方式.我需要以下行为:

页面上没有提交按钮.当用户在表单中进行更改时,数据会自动保存并发送到服务器.

如何在Angular2中实现这一目标？

谢谢.

Answer 1

您可以订阅valueChanges表单的活动.然后只需检查表单是否有效,然后在每次更改时保存数据.

this.form = new FormGroup({...});
this.form.valueChanges.subscribe(val => { this.saveMyFormValue(val); });

valueChanges是抽象类的属性AbstractControl.FormGroup,FormControl以及FormArray所有实现AbstractControl,这意味着如果您愿意,您也可以为单个表单控件订阅此事件.