Comment obtenir de l'appareil largeur et la hauteur Ionique dans les 2 à l'aide de Type de Script?

J'essaie d'obtenir de l'appareil largeur et la hauteur ionique dans les 2 à l'aide de caractères d'imprimerie.

Dans la version précédente de l'ionique 2 j'ai utilisé,

window.screen.width
window.screen.height

mais dans une version plus récente, ce n'est pas de travail.

Comment c'est de travailler avec Type de Script + ionique 2?

InformationsquelleAutor Jignesh M. Mehta | 2016-08-03
  1. 75

    Vous pouvez utiliser le Plate-forme d'information comme ceci:

    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());
    });
  }
}

    Comme vous pouvez le voir Ionique, de docs, de l'intérieur, la platform utilise le window.innerWidth et window.innerHeight mais

    À l'aide de cette méthode est préférable car la dimension est une valeur mise en cache,
    ce qui réduit les chances de multiples et coûteux DOM lit.

    • Ce doit être la accepté de répondre comme il va par les normes de l'ionique 2
    InformationsquelleAutor sebaferreras
  2. 6

    Essayez d'utiliser la fenêtre.innerHeight et de la fenêtre.innerWidth pour obtenir la hauteur et la largeur de l'appareil, respectivement.

    • Cela va déclencher un DOM repeindre, ce qui est coûteux. Voir la réponse à faire à la place.
    InformationsquelleAutor AishApp