Angular2 - 私はテンプレートを使用して単純なコンポーネント作成しました（クリック）する前にイベントをトリガする方法や（routerLink）

Question

：

：* .TSで

<div (click)="onClick();">Click me</div> 

が、私はそのような何かを持っているファイル

public onClick() { 
    console.log('click'); 
} 

@HostListener('document:click', ['$event']) 
public onClickListener(event: Event) { 
    console.log('click listener'); 
} 

この場合、onClick関数は、常にの前に呼び出され、onClickListenerの前に呼び出されます。

私の目標は、それが可能だ角度（クリック）または（routerLink）などの前にいくつかのメソッドを呼び出すために

のですか？

重要なこと - このリスナーは、実行時にすべてのクリックを処理するグローバルメソッドである必要があります。

Answer 1

Angularで処理する前にアプリケーションの任意の場所でクリックイベントを処理する場合は、クリックイベントリスナをウィンドウに追加して、イベントが処理されるように指定することができます（capture phase）。次のコードスニペットでは、useCaptureをtrueに設定してaddEventListener("click", fn, useCapture)を呼び出します（MDN documentation参照）。

window.addEventListener("click",() => { 
    console.log("Global click handler"); 
}, true); 

this plunkerで確認できます。