处理window.onclick的正确方法

Question

我正在关注创建自定义模态的示例： link

这是代码段：

// When the user clicks anywhere outside of the modal, close its  
window.onclick = function(event) {
 if (event.target == modal) {
    modal.style.display = "none";
  }
}

在Angular 5项目中实现该方法的正确方法是什么？

Answer 1

我使用HostListener来处理事件：

@HostListener('button:click', ['$event'])
methodToExecuteOnEvent(event){
// your code goes here...
}

有关doc

的更多信息