检测离子应用程序中的方向更改

时间:2015-10-15 08:47:53

标签: ionic orientation detect

我已尝试过各种活动,但这种做法并不奏效。

document.addEventListener('onorientationchange', function() 
   {...}
);

我知道如何获取屏幕的方向,但我没有找到如何检测方向何时发生变化。

2 个答案:

答案 0 :(得分:5)

请试试这个:

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

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

答案 1 :(得分:2)

首先,您需要安装cordova-plugin-screen-orientation插件:

对于cordova< 4运行:

cordova plugin add net.yoik.cordova.plugins.screenorientation

对于cordova> 4运行:

cordova plugin add cordova-plugin-screen-orientation

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

// lock the device orientation
.lockOrientation('portrait')

// unlock the orientation
.unlockOrientation()

// current orientation
.orientation

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

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

有关更多信息/文档,请参阅https://github.com/gbenvenuti/cordova-plugin-screen-orientation