javascript - 使用绑定(bind)函数删除 EventListener

Question

我正在监听这样的 deviceorientationabsolute 事件(在 ngOnInit 上):

 this.deviceOrientationEvent = this.onDeviceOrientation.bind(this);
 window.addEventListener("deviceorientationabsolute", this.deviceOrientationEvent);

我想停止监听 ngOnDestroy 上的该事件。我试过这个:

window.removeEventListener("deviceorientationabsolute", this.deviceOrientationEvent);

但我仍然可以在控制台中看到它正在监听该事件。

我做错了什么？

Answer 1

您可以使用 @HostListener 来处理它，而不是通过 window.addEventListener 方法进行处理，如下所示

@HostListener('window:deviceorientationabsolute', ['$event'])
deviceOrientationAbsoluteEvent(event) { ... }

组件销毁时会自动移除

引用:https://stackoverflow.com/a/41032388/9380944回答以获取更多详细信息。