Angular,如何对窗口调整大小事件做出反应

Wil*_*een 7 javascript angular

在非角度应用程序中,我们可以通过以下方式响应窗口大小调整事件:

  window.onresize = function(event) {
    console.log('changed');
  };
Run Code Online (Sandbox Code Playgroud)

但是,我们不能在角度应用程序中使用它,因为直接访问窗口对象是一种不好的做法。我们如何以“角度”方式实现上述功能?

Wil*_*een 8

对于任何有兴趣的人:

  @HostListener('window:resize', ['$event']) onResize(event) {
     console.log(event.target.innerWidth;);
  }
Run Code Online (Sandbox Code Playgroud)

致谢:Angular 窗口调整大小事件