title: How do I bind an angular 2 event to an svg object?
body: <p>I have the following html:</p>
  <pre><code>&lt;svg:g *ngFor='let knob of knobs' &gt;
      &lt;svg:path id=&quot;arc1&quot; fill=&quot;blue&quot; stroke=&quot;#446688&quot; stroke-width=&quot;1&quot;  
       fill-rule=&quot;nonzero&quot; draggable=&quot;true&quot; [attr.d]=&quot;knob&quot;  
       (drag)=&quot;dragKnob(event)&quot; class=&quot;draggable&quot;/&gt;
  &lt;/svg:g&gt;
  </code></pre>
  <p>And the script:</p>
  <pre><code>dragKnob(event: Event): void {
      console.log(event);
  }
  </code></pre>
  <p>The result is it doesn't execute dragKnob. If I instead use (click) it works as expected.</p>
  <p>Any ideas?</p>