有什么方法可以在 svg rect 上添加 onclick 事件。
我试过使用 Angular Renderer2,
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");
}
但是我得到了一个错误
(index):1 Uncaught ReferenceError: callRect is not defined
at SVGRectElement.onclick ((index):1)
最佳答案
尽管使用了 setAttribute
,但使用 listen
Renderer
上的方法,您可以通过它直接在 eventHandler
this.renderer.listen(rect, 'click', (evt) => {
this.callRect();
console.log('Clicking the rect', evt);
});
关于angular - 使用 Angular Renderer2 在 svg rect 上添加 onclick 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46824757/