Angular2如何檢查是否點擊了體外

Question

有沒有一種方法來檢查，如果身體被點擊Angular2如jQuery中：

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

我想我該怎麼做，這樣做同樣的Angular2？

請任何幫助。

Answer 1

你可以嘗試做這樣的事情：在你的根選擇的模板通常命名爲app.component.html，創建一個div，將封裝整個頁面，並點擊事件添加到這個div。

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

在你app.component.ts

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