Как получить ширину и высоту устройства в 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()); 
    }); 
    } 
} 

Как вы можете видеть, в ионических документации, внутренне platform использует window.innerWidth и window.innerHeight но

Используя этот метод является предпочтительным, так как размерность это кешированное значение, , что уменьшает вероятность многократного и дорогого чтения DOM.

Answer 2

Попробуйте использовать window.innerHeight и window.innerWidth, чтобы получить высоту и ширину устройства соответственно.