2016-10-06 9 views
10

मुझे यह समाधान मिला। क्या यह वैध है?टाइपस्क्रिप्ट का उपयोग करके कोणीय 2 में डिवाइस की ऊंचाई और चौड़ाई कैसे प्राप्त करें?

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

यह समाधान मैं भी कोणीय 2 के लिए इस्तेमाल किया जा सकता है आयनिक 2. के लिए है?

कृपया मुझे ऐसा करने का सही तरीका सुझाएं।

+1

में विस्तृत प्रश्न जैसे किसी स्ट्रिंग टोकन का उपयोग करके विंडो ऑब्जेक्ट को इंजेक्ट करने के लिए @ इंजेक्ट() फ़ंक्शन का उपयोग करें, अपने प्रश्न का उत्तर देने के लिए, नहीं। यह कोणीय 2 में एक वैध तरीका नहीं है, क्योंकि आयनिक कोणीय का हिस्सा नहीं है, लेकिन वीज़ा बनाम है। तुम अब भी ग्राहकों ऊंचाई/चौड़ाई 'विंडो' का उपयोग कर – JoeriShoeby

+0

@JoeriShoeby प्राप्त करने में सक्षम हूँ: - हाँ अब मैं चौड़ाई कोशिश कर रहा हूँ: window.innerWidth, ऊंचाई: window.innerHeight लेकिन मैं एक त्रुटि हो रही है। [ts] नामस्थान 'विंडो' नहीं मिल सका। –

+0

यह आपके टाइपस्क्रिप्ट कंपाइलर के कारण 'विंडो' के बारे में नहीं जानता है। यह सुनिश्चित करने के लिए कि आपका कंपाइलर इसे पहचानता है, आपको शायद टाइपिंग इंस्टॉल करने की आवश्यकता होगी। – JoeriShoeby

उत्तर

11

मुझे समाधान मिला। जवाब बहुत आसान है। अपने कन्स्ट्रक्टर में नीचे कोड लिखें।

export class Dashboard { 
mobHeight: any; 
mobWidth: any; 
    constructor(private router:Router, private http: Http){ 
     this.mobHeight = (window.screen.height) + "px"; 
     this.mobWidth = (window.screen.width) + "px"; 
      console.log(this.mobHeight); 
      console.log(this.mobWidth) 
    } 
} 
20
export class Dashboard { 
    innerHeight: any; 
    innerWidth: any; 
    constructor(private router: Router, private http: Http) { 
     this.innerHeight = (window.screen.height) + "px"; 
     this.innerWidth = (window.screen.width) + "px"; 
    } 
} 
5

ध्यान रखें कि यदि आप इस घटक आप विंडो इंजेक्षन करना चाहते हैं परीक्षण करने के लिए इच्छुक रहे हैं। इस duplicate

संबंधित मुद्दे