是否有任何使用@HostListener 进行方向更改的窗口事件，就像我们使用 @HostListener("window:scroll", ['$event']) 进行滚动一样？

Question

我想检测方向变化，检测我正在以纵向模式或横向模式查看我的应用程序。那么有没有像方向变化这样的事件，我可以在我的组件中的主机侦听器中传递来检测方向变化？

PS - 有些人说这是重复的问题。我不想要普通的 java 脚本方式，我想要角度方式来检测方向变化。

Answer 1

来自 MDN；您可以window:orientationchange用来检测设备的方向何时发生变化。

@HostListener('window:orientationchange', ['$event'])
onOrientationChange(event) {
  console.log('orientationChanged');
}

这是在 Chrome 开发工具中查看此操作的短片：https : //streamable.com/o2ilm