在保存 Firestore 文档之后,您可以使用以下代码将反应式表单设置为原始状态:
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
myForm: FormGroup; constructor(private formBuilder: FormBuilder) { this.myForm = this.formBuilder.group({ name: ['', Validators.required], age: ['', Validators.required], email: ['', Validators.required], }); }
onSubmit() { if (this.myForm.valid) { const data = this.myForm.value; this.firestore.collection('users').add(data) .then(() => { console.log('Document successfully saved!'); this.myForm.markAsPristine(); }) .catch((error) => { console.error('Error saving document: ', error); }); } }
在此示例中,我们向 Firestore 中的“users”集合添加了用户数据,并在文档成功保存后将表单设置为 pristine,以便在下一次提交之前重置表单。