angle2でsvg線をクリックするにはどうすればいいですか

Question

私は線をsvgで描画しており、その上でclickイベントを捕捉する必要があります。しかし、関数にonclickを設定すると、エラーが発生します。

<div id ="middle" class="col-lg-2 col-xs-3"> 
     <svg width="300" height="2000" xmlns="http://www.w3.org/2000/svg"> 
      <line id="line2" [attr.x1]= "from_x0" [attr.y1] ="from_y0" [attr.x2]="to_x" [attr.y2]="to_y" stroke-width="2" stroke="green" onclick ="OnClick()"//> 
    </svg> 
</div> 

私は取得していますエラーが

キャッチされないにReferenceErrorである：（：3000 /＃/アプリ/テーブル/ tablelistこの/ tableedit/1：1）

のOnClickがSVGLineElement.onclickで が定義されていません。

私のOnClick機能は、これを解決するために、任意のポインタをお願い申し上げ

OnClick(){ 
    console.log('clicked on line') 
} 

を下回っています。

Answer 1

アンギュライベントバインディングは(event)="..."

<line id="line2" [attr.x1]= "from_x0" [attr.y1] ="from_y0" [attr.x2]="to_x" [attr.y2]="to_y" stroke-width="2" stroke="green" 
     (click)="OnClick()"/>