javascript - 是否有任何使用@HostListener 改变方向的窗口事件,就像我们有@HostListener ("window:scroll", ['$event' ]) 用于滚动?

标签 javascript angular

<分区>

我想检测方向变化,检测我正在以纵向模式或横向模式查看我的应用程序。那么是否有任何方向变化之类的事件我可以在我的组件中传递到 hoSTListener 中以检测方向变化?

P.S - 有些人说这是重复的问题。我不想要普通的 java 脚本方式,我想要 Angular 方式来检测方向变化。

最佳答案

From MDN ;您可以使用 window:orientationchange 检测设备方向何时发生变化。

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

这是一个简短的剪辑,可以在 Chrome 开发工具中看到这一点:https://streamable.com/o2ilm

关于javascript - 是否有任何使用@HostListener 改变方向的窗口事件,就像我们有@HostListener ("window:scroll", ['$event' ]) 用于滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57001318/

相关文章:

Angular 2 - 组件内部的 formControlName

javascript - Ionic 3 - 应用程序在使用 --prod 构建后显示空白屏幕

javascript - React Router 无法解析参数路由

javascript - 谷歌可视化折线图上的更改轴不一致

javascript - 错误 : '[object Object]' of type 'object' . NgFor 仅支持绑定(bind)到 Iterables,例如 Arrays。 - ionic 项目

javascript - 从 typescript 将值作为空字符串传递给 WEb API

Angular Material - 不关闭 Material snackbar

javascript - 更改 Javascript 中的数据类型

javascript - 自定义标题 Angular js

javascript - 检查函数是否是生成器