HostListener应用程序运行缓慢，检查每个像素是否发生窗口调整大小事件

Question

在使用Windows调整大小的这个简单示例中，我使用angular4和@HostListener似乎检查或在每个像素上运行。如果我将此指令用作指令，则应用程序也会变慢，并且如果我们将其硬编码到每个组件中，则应用程序也会变慢。我看到了许多解决方案，但结果都是一样的。我不知道是否尝试使用或应用debounceTime或使用debounceTime注入...

有什么想法吗？

    @HostListener('window:resize', ['$event'])
    onResize(event) {
      event.target.innerWidth;
    }