angular - 使用 formio 时如何在 Angular *module* 中捕获 onSubmit

Question

我真的花了几个小时在这上面，但无济于事。是时候召集骑兵了。

在 Angular 中将 formio 表单配置为组件时如何捕获 onSubmit 的示例有很多。但是我找不到任何将 onSubmit 捕获为配置为模块的 formio 表单的示例。

它为什么如此重要？在 formio 表单上提交新的或编辑的记录后，URL 默认为该记录的视图 .../<form>/<recid>/view。我想重定向到不同的 URL。当表单被定义为 Angular 组件时，这很容易：

export class AssessmentFormComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

  onSubmit(submission: any) {
    window.location.href = 'about:blank';
    alert('Thank you for completing the assessment');
  }
}

我在一个模块中尝试了类似的代码，onSubmit 中的代码永远不会被触发。显然有办法做到这一点；我就是找不到。请指教。

Answer 1

你可以像这样为formio添加HTML

<formio #Form [form]="form" [submission]="formSubmission"
    (change) = "onChange($event)" [options]="formIoOptions"
    (submit) = "onSubmit($event)" (render)="onFormLoad(Form)">
</formio>

在 .ts 中编写您的 onSubmit 方法。