web-dev-qa-db-ja.com

Type Scriptを使用してデバイスの幅と高さをIonic 2で取得する方法は？

TypeScriptを使用して、デバイスの幅と高さをionic 2で取得しようとしています。

以前のバージョンのionic 2を使用しましたが、

window.screen.width
window.screen.height

しかし、新しいバージョンではこれは機能しません。

Type Script + ionic 2？

angulartypescriptionic-frameworkionic2ionic3
33
Jignesh M. Mehta

プラットフォーム情報 は次のように使用できます。

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 docsで見ることができるように、内部的にはplatformはwindow.innerWidthおよびwindow.innerHeightが

ディメンションはキャッシュされた値であるため、この方法を使用することをお勧めします。これにより、複数の高価なDOM読み取りの機会が減ります。

78
sebaferreras

Window.innerHeightとwindow.innerWidthを使用して、それぞれデバイスの高さと幅を取得してみてください。

6
AishApp