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

Question

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

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

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

请帮助。

Answer 1

您可以尝试执行以下操作：在根选择器的模板中，通常名为 app.component.html ，创建一个div，它将封装整个页面并向此添加一个click事件格。

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