Angular 可以使用捕获而不是冒泡来捕获事件吗？

Question

我以某种方式需要捕获方法来捕获触发的事件，但是模板中的 ($event) 默认是在冒泡方法中触发的。有什么地方可以改变吗？

Answer 1

目前这只能通过命令式添加事件处理程序来完成。

虽然有计划在未来支持这一点

看

• https://github.com/angular/angular/issues/11200
• https://github.com/angular/angular/pull/13371
• https://github.com/angular/angular/issues/13248

Answer 2

一种解决方法是使用简单的方法并在组件的构造函数中添加一个事件侦听器。

然后添加'true'作为第三个参数以实现事件捕获。

constructor() {

    document.addEventListener('click', (event) => {

      console.log(event);

    }, true);

}

提示：使用粗箭头函数引用正确的“this”