How to deal with double submit in Angular2 : <p>If I click fast on my submit-button the form is submitted two or more times. My thought was to prevent this with the disabled attribute, but I need variable <code>disableButon</code> in every form like this:</p>

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

<p>Am I doing this right or is there a more efficent/elegant way to do it?</p>
