事件綁定角2

Question

我想用這個「tmp」綁定事件，但是這也附加了以前的現有按鈕，爲什麼？

constructor(private renderer :Renderer ,private element : ElementRef){ 
     } 
    private appender(){ 
     var tmp = this.renderer.createElement(this.element.nativeElement,'button'); 
     this.renderer.listen(tmp, 'click', (event:Event) => console.log(event)); 
    } 

Answer 1

這可以使用Renderer2如下來實現，

注入Renderer2服務到組件

constructor(private renderer: Renderer2){} 

註冊事件偵聽器使用listen方法

this.renderer.listen('body', 'click',this.calback) 

回撥函數將在事件觸發時執行。

calback(event){ 
    console.log(event) 
} 

注：聽refer docs瞭解更多信息方法定義

listen(target: 'window'|'document'|'body'|any, eventName: string, callback: (event: any) 

LIVE DEMO