onSubmit（）调用多个时间服务

Question

我正在写一个包含一些字段的表单，当所有字段都有效时我会启用提交按钮，对onSubmit（）方法进行服务调用。我的问题是当我点击两次提交按钮时它会进行两次服务调用。是否有任何检查表格提交指示。

Answer 1

当您单击提交按钮两次时，它将调用该服务两次，只使用一个变量'submit'boolean默认为false。

参考：https://angular.io/guide/forms#submit-the-form-with-ngsubmit

onSubmit() {
   if(this.submit) {
      return;
   }
   this.submit = true;
   this.serviceCall(); // got error set submit to false.
}