Angular2如何检查是否点击了外面的身体

【问题标题】：Angular2 how to check if clicked on body outsideAngular2如何检查是否点击了外面的身体
【发布时间】：2017-11-16 02:07:39
【问题描述】：

有没有办法像在 jQuery 中一样检查 Angular2 中是否点击了正文：

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

我想在 Angular2 中做同样的事情，我该怎么做？

请帮忙。

【问题讨论】：

【解决方案1】：

您可以尝试这样做：在通常命名为 app.component.html 的根选择器的模板中，创建一个 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
  }
}

【讨论】：