如何使用Type Script获取Ionic 2中的设备宽度和高度？

Question

我正在尝试使用打字稿来获取离子2中的设备宽度和高度。

在我使用的离子2的先前版本中，

window.screen.width
window.screen.height

但是在较新的版本中，这不起作用。

如何使用Type Script + ionic 2？

Answer 1

您可以像这样使用Platform information：

import {Component} from '@angular/core';
import {Platform} from 'ionic-angular';

@Component({...})
export MyApp {
  constructor(platform: Platform) {
    platform.ready().then((readySource) => {
      console.log('Width: ' + platform.width());
      console.log('Height: ' + platform.height());
    });
  }
}

您可以在Ionic文档中看到，platform内部使用window.innerWidth和window.innerHeight，但

  

首选使用此方法，因为维度是缓存值，   这减少了多次和昂贵的DOM读取的可能性。

Answer 2

尝试使用window.innerHeight和window.innerWidth分别获取设备的高度和宽度。