title: How to deal with double submit in Angular2
body: <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>