提交角度为6的反应形式吗？

Question

基本上，我在表单中没有提交按钮。另外，表单组件是子组件，而我正在触发子表单的父函数。

因此，在我的子组件中，我可以访问反应形式，但是我看不到任何实用地提交功能。

myForm: FormGroup;

onValidate() {
  console.log(this.FormGroup);
}

我想在onValidate函数中模拟提交功能。

Answer 1

我认为不可能。但是，如果要获取onValidate之后的表格的值，可以执行this.myForm.value。

onValidate() {
  console.log(this.myForm.value);
}

然后您可以使用此值做任何您想做的事情。这样一来，您就不必通过编程方式submit表单了。

您可以利用此值来执行所需的任何操作，也许将其发布到API以将其存储在后端。

Answer 2

FormGroup不提供任何提交选项，但是您可以尝试使用本机表单-

this. myForm.nativeElement.submit();

Answer 3

一个替代方案可以是markAsTouched()

Object.keys(this.yourForm.controls).forEach(field => {
  const control = this.form.get(field);
  control.markAsTouched({ onlySelf: true });
});

查看更多信息at angular docs