SVG四角形上のonclickイベントを追加するにはどんな方法があるの角度Renderer2

Question

を使用してSVG四角形の上のonclickイベントを追加します。

あなたはeventHandler内に直接コンポーネントメソッドを呼び出すことが可能なRendererオーバーlistenメソッドを使用し、私は

constructor(public renderer: Renderer2){ 
    const rect = document.createElementNS('http://www.w3.org/2000/svg' , 'rect'); 
    this.renderer.setAttribute(rect, 'onclick', 'callRect()'); 
} 

callRect(){ 
console.log("Rect clicked"); 
} 

、角度Renderer2を使用して試してみました。しかし、私はエラー setAttributeを使用しての

(index):1 Uncaught ReferenceError: callRect is not defined 
at SVGRectElement.onclick ((index):1) 

Answer 1

Inspiteを得ました

this.renderer.listen(rect, 'click', (evt) => { 
    this.callRect(); 
    console.log('Clicking the rect', evt); 
});