onSubmit() 调用多次服务

Question

我正在编写一个包含一些字段的表单，当所有字段都有效时，我将启用提交按钮，在 onSubmit() 上执行服务调用 method.My 问题是当我点击提交按钮两次时打两次服务电话。是否有任何检查表单提交的指令。

Answer 1

当您点击提交按钮两次时，它会调用该服务两次，只需使用一个变量 'submit' 布尔值，默认为 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.
}