टाइप स्क्रिप्ट का उपयोग करते हुए आयनिक 2 में डिवाइस चौड़ाई और ऊंचाई कैसे प्राप्त करें?

Question

मैं टाइपस्क्रिप्ट का उपयोग कर आयनिक 2 में डिवाइस चौड़ाई और ऊंचाई प्राप्त करने का प्रयास कर रहा हूं।

आयनिक 2 मैं प्रयोग किया जाता के पिछले संस्करण में,

window.screen.width 
window.screen.height 

लेकिन नए संस्करण में इस काम नहीं कर रहा।

यह टाइप स्क्रिप्ट + आयनिक 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 लेकिन

इस विधि का उपयोग आयाम के बाद से पसंद किया जाता है एक कैश वैल्यू है, जो एकाधिक और महंगा डोम पढ़ने का मौका कम करता है।

Answer 2

विंडो का उपयोग करने का प्रयास करें। रात और खिड़की। विजेता क्रमशः डिवाइस की ऊंचाई और चौड़ाई प्राप्त करने के लिए।