Angular2本体はjQueryののようにAngular2にクリックされたかどうかを確認する方法はどのように

Question

外で体をクリックしたかどうかを確認するためにあります：

$('body').click(function() { 
     alert("Hello"); 
    }); 

私はそれを行うことができますどのようにAngular2で同じことをやってみたいですか？

助けてください。

Answer 1

ルートセレクタのテンプレート（通常、app.component.html、）で、ページ全体をカプセル化してこのdivにclickイベントを追加するdivを作成します。あなたのapp.component.ts

clickTrigger(event: MouseEvent){ 
    //event.preventDefault(); 
    //console.log('something happend'); 
     // Do what you want on click 
    } 
} 

で

<div id="page-body-wrapper" (click)="clickTrigger($event)"> 
    ... all app content loaded here... 
</div>