Ionic 检测离子应用程序中的方向变化

Ionic 检测离子应用程序中的方向变化,ionic,orientation,detect,Ionic,Orientation,Detect,我试过处理事件,但不起作用 document.addEventListener('onorientationchange', function() {...} ); 我知道如何获取屏幕的方向,但我不知道如何检测方向何时改变。请尝试以下方法: angular.module('starter', ['ionic']) .run(function($ionicPlatform) { $ionicPlatform.ready(function() { ... window

我试过处理事件,但不起作用

document.addEventListener('onorientationchange', function() 
   {...}
);
我知道如何获取屏幕的方向,但我不知道如何检测方向何时改变。

请尝试以下方法:

angular.module('starter', ['ionic'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    ...
    window.addEventListener("orientationchange", function() {
      console.log(window.orientation);
    }, false);  
  });
})

首先,您需要安装
cordova插件屏幕方向
插件:

对于cordova<4运行:

cordova插件添加net.yoik.cordova.plugins.screenorientation

对于cordova>4运行:

cordova插件添加cordova插件屏幕方向

插件将以下内容添加到screen对象(window.screen):

现在,您可以使用类似以下内容来检测屏幕的方向:

window.addEventListener("orientationchange", function(){
    console.log(screen.orientation); // e.g. portrait
});

有关更多信息/文档,请参阅

我应该将此侦听器置于Ready()还是Load?我已经尝试了您的代码,但控制台中没有显示任何内容:/我意识到这个问题有点老了,但当我在谷歌搜索“检测爱奥尼亚的屏幕方向变化”时,我觉得一个正确的答案可能也会让其他人受益!
window.addEventListener("orientationchange", function(){
    console.log(screen.orientation); // e.g. portrait
});