Ionic 2屏幕定位插件更改

Question

我需要你的帮助：两个月前，我的Ionic 2应用程序工作正常，使用ScreenOrientation cordova插件，代码如下：

window.addEventListener('orientationchange', ()=>{
  console.info('DEVICE ORIENTATION CHANGED!');
  console.debug(ScreenOrientation.orientation);
  if(ScreenOrientation.orientation.type.indexOf('landscape') !== -1){
    this.screenOrientationIsPortrait = false;
  } else if(ScreenOrientation.orientation.type.indexOf('portrait') !== -1){
    this.screenOrientationIsPortrait = true;
  }
});

在一台新笔记本电脑中，我安装了最新的Ionic 2版本和最新版本的cordova ScreenOrience插件，并且使用相同的应用程序代码，我在编译时收到了这个错误：

类型“string”上不存在属性“type”。

我尝试使用ScreenOrientation插件的github存储库中的示例：

window.addEventListener('orientationchange', ()=>{
  console.info('DEVICE ORIENTATION CHANGED!');
  console.debug(ScreenOrientation.orientation);
  if(screen.orientation.type.indexOf('landscape') !== -1){
    this.screenOrientationIsPortrait = false;
  } else if(screen.orientation.type.indexOf('portrait') !== -1){
    this.screenOrientationIsPortrait = true;
  }
});

但有了这些代码，我在编译时也会遇到这样的错误：

属性“方向”在类型“屏幕”上不存在

爱奥尼亚2和ScreenOrientation插件最近都进行了更新。根据我的研究，这似乎是TypeScript错误，而不是更新版本冲突。

我怎样才能知道出了什么问题？我怎样才能调试找到这个新错误的原因？有什么想法吗？谢谢你的帮助。

Github存储库示例：https://github.com/apache/cordova-plugin-screen-orientation

离子2示例：https://ionicframework.com/docs/v2/native/screen-orientation/

Answer 1

实际上，您可以在不添加插件的情况下检测屏幕方向的变化。使用类型窗口的特性方向。

window.addEventListener('orientationchange', () => {
      console.info('DEVICE ORIENTATION CHANGED!');
      console.debug(ScreenOrientation.orientation);
      switch (window.orientation) {
        case -90:
        case 90:
              console.log("Landscape orientation");
              this.screenOrientationIsPortrait = true;
              break;
        case 0:
             console.log("Landscape orientation");
              this.screenOrientationIsPortrait = false;
             break;
      }      
    });