title: Angular2 remove click event binding after first click
body: <p>In my application I have a button with a click even on it:</p>
  
  <pre><code>&lt;button class="btn btn-default" (click)="doSomething()"&gt;
  </code></pre>
  
  <p>From within the <code>doSomething</code> method, is there any way to remove the <code>(click)</code> event from the button (so the user can't trigger the functionnality anymore?).</p>
  
  <p>I tried to set a disabled prop on the button but it doesn't change Angular2 behavior.</p>
  
  <p>I tryed to use <code>(click)="doSomething($event)</code> and then </p>
  
  <pre><code>doSomething($event) {
    // My method logic goes here
    ...
    ...
    console.log('Method Logic');
  
    //Attempt to overwrite click event
    let target = event.target || event.srcElement || event.currentTarget;
    this.renderer.listen(target, 'click', (event) =&gt; {
        console.log('clic block');
      });
  }
  </code></pre>
  
  <p>But It doesn't "replace" the click event. So after that, on click, both original logic and the "click block" console log are triggered!</p>