Jak uzyskać szerokość i wysokość urządzenia w Ionic 2 przy użyciu skryptu typu?

Question

Próbuję uzyskać szerokość i wysokość urządzenia w jonowym 2 za pomocą maszynopisu.

W poprzedniej wersji jonowych 2 użyłem,

window.screen.width 
window.screen.height 

ale w nowszej wersji to nie działa.

Jak to działa z Type Script + ionic 2?

Answer 1

Można użyć Platform information takiego:

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

Jak widać w docs jońskimi, wewnętrznie platform używa window.innerWidth i window.innerHeight ale

tej metody jest to korzystne, ponieważ wymiar jest wartością buforowaną, , która zmniejsza prawdopodobieństwo wielokrotnego i kosztownego odczytu DOM.

Answer 2

Spróbuj użyć window.innerHeight i window.innerWidth, aby uzyskać odpowiednio wysokość i szerokość urządzenia.