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 
    } 
}