Angular/TypeScript -当方向为横向时自动打开全屏，仅适用于移动的设备

tzdcorbm 于 2022-12-14 发布在 TypeScript

关注(0)|答案(1)|浏览(103)

我想在screen.orientation.type.includes（'landscape '）时在Angular 组件中打开全屏，并且只用于移动的设备。我不能使用任何事件，如单击。

ngOnInit(): void {
window.addEventListener("orientationchange", function(event) {
  const orientation = screen.orientation.type

  if (orientation) {
    const elem: any = document.documentElement;
    const doc: any = document;

    elem.requestFullscreen();
    elem.mozRequestFullScreen();
    elem.msRequestFullscreen();
    elem.webkitRequestFullscreen();
  }
});

}
有谁知道我该怎么做？

typescript

来源：https://stackoverflow.com/questions/74715591/angular-typescript-turn-on-fullscreen-automatically-when-orientation-is-landsc

1条答案

按热度按时间

k4emjkb11#

这不是一个完成此类任务的Angular 方法。您需要使用@hostlistner来监听事件。Hostlistner的示例实现是

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

赞(0）回复(0）举报 2022-12-14

我来回答

Angular/TypeScript -当方向为横向时自动打开全屏，仅适用于移动的设备

1条答案

相关问题

热门标签

最新问答