如何防止在angular中第二次提交表单或如何只提交一次表单

<button type="submit" [disabled]="submitted">提交</button>

submitted = false;

onSubmit() {
  this.submitted = true;
  // 执行表单提交操作
}

<button type="submit" [disabled]="submitted">提交</button>

submitted = false;

onSubmit() {
  if (!this.submitted) {
    this.submitted = true;
    // 执行表单提交操作
  }
}

import { take } from 'rxjs/operators';

onSubmit() {
  // 订阅表单提交事件，只执行一次
  this.formSubmit$.pipe(take(1)).subscribe(() => {
    // 执行表单提交操作
  });

  // 触发表单提交事件
  this.formSubmit$.next();
}