イベントバインディング角度2

Question

イベントをこの "tmp"とバインドしたいのですが、これは以前の既存のボタンにも付いています。なぜですか？これは以下のようにRenderer2を使用して達成することができる

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

、

成分

constructor(private renderer: Renderer2){} 

イベントリスナーを登録するRenderer2サービスを注入

は

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

コールバックlisten方法を用いてイベントがトリガされたときに関数が実行されます。

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

注：詳細についてはrefer docsを聞くためのメソッド定義

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

LIVE DEMO