Wenn ich schnell auf meinen Absenden-Button klicke, wird das Formular zweimal oder öfter gesendet. Mein Gedanke war, dies mit dem deaktivierten Attribut zu verhindern, aber ich brauche VariabledisableButon in jeder Form wie folgt:

@Component({
    selector: 'example',
    template: `
      <form (submit)="submit()" >
        <--! Some Inputs -->
        <button [disabled]="disableButton" type="submit">Submit<button>
      </form>
       `
  })
  export class ExampleComponent {
    private disableButton: boolean = false;
    .......
    submit(){
      this.disableButton = true;
      /*
      * API call
      */
      this.disableButton = false;
    }
  }

Mache ich das richtig oder gibt es eine effizientere / elegantere Möglichkeit, das zu tun?