title: Angular2 stops (click) working when using DomSanitizer
body: <p>I'm using Angular2 with typescript.</p>
  
  <p>I have a pipe that works regarding rendering the HTML fine.
  Problem is the <strong>DomSanitizer</strong> seems to stop the (click) event from working.</p>
  
  <p>When I check the HTML in the console.log (F12) the (click) code seems to be there and not stripped out.</p>
  
  <p>But when I click the link it does nothing.</p>
  
  <p><strong>This is an example of the link (it calls a function in my component):</strong></p>
  
  <pre><code>&lt;a (click)="recordLinkClick()" target="_blank" href="#"&gt;Test link&lt;/a&gt;
  </code></pre>
  
  <p><strong>This is the pipe:</strong></p>
  
  <pre><code>import { Pipe } from '@angular/core';
  import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';
  
  @Pipe({
    name: 'safe'
  })
  export class SafePipe {
  
    constructor(protected _sanitizer: DomSanitizer) {
  
    }
  
    public transform(value: string, type: string = 'html'): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {
      switch (type) {
        case 'html': return this._sanitizer.bypassSecurityTrustHtml(value);
        case 'style': return this._sanitizer.bypassSecurityTrustStyle(value);
        case 'script': return this._sanitizer.bypassSecurityTrustScript(value);
        case 'url': return this._sanitizer.bypassSecurityTrustUrl(value);
        case 'resourceUrl': return this._sanitizer.bypassSecurityTrustResourceUrl(value);
        default: throw new Error(`Invalid safe type specified: ${type}`);
      }
    }
  
  }
  </code></pre>
  
  <p><strong>This is the line of HTML:</strong></p>
  
  <pre><code>&lt;div [innerHTML]="selectedArticle.body | safe: 'html'"&gt;&lt;/div&gt;   
  </code></pre>
  
  <p>Let me know if you need to see anymore code.</p>