サービスプロバイダからコンポーネントにデータ値を戻す方法| | Ionic

Question

サービスプロバイダファイルからジオロケーションの緯度と経度の値を戻したいとします。

コードは次のとおりです。 コンポーネントまたは未定義として結果を取得するページ 'home.ts'

import { WeatherProvider } from '../../providers/weather/weather'; 

constructor(public navCtrl: NavController,private weatherProvider: WeatherProvider) { 
    console.log(this.weatherProvider.getGeoLocation()+'kkk'); 
    } 

プロバイダファイル 'weather.ts'

import { Geolocation } from '@ionic-native/geolocation'; 
.... 
.... 
constructor(public http: Http, private geolocation: Geolocation) { } 
getGeoLocation() { 
    this.geolocation.getCurrentPosition().then((resp) => { 
    // console.log(resp.coords.latitude) 
    // console.log(resp.coords.longitude) 
    return resp; 

    }).catch((error) => { 
    console.log('Error getting location', error); 
    }); 

    } 

I'am。私はタイトスクリプトの初心者です、愚かな質問を申し訳ありません。おかげさまで

Answer 1

コンポーネントのサービスとチェーンから約束を返す必要があります。あなたのコンポーネントで

getGeoLocation() { 
    //return the promise 
    return this.geolocation.getCurrentPosition().then((resp) => { 
    // console.log(resp.coords.latitude) 
    // console.log(resp.coords.longitude) 
    return resp; 

    }).catch((error) => { 
    console.log('Error getting location', error); 
    }); 

    } 

、respが、それは約束ですので、あなたは、コールthis.geolocation.getCurrentPosition前にリターンを追加する必要があります約束、

this.weatherProvider.getGeoLocation() 
    then(loc => { 
     console.log(loc); 
    }); 

Answer 2

から返さアクセスするためにPromise.then()を呼び出します。

constructor(public http: Http, private geolocation: Geolocation) { } 
getGeoLocation() { 
    return this.geolocation.getCurrentPosition().then((resp) => { 
    // console.log(resp.coords.latitude) 
    // console.log(resp.coords.longitude) 
     return resp; 

    }).catch((error) => { 
    console.log('Error getting location', error); 
    }); 

Answer 3

このコードを追加します。あなたのサービス 'weather.ts'

import { Geolocation } from '@ionic-native/geolocation'; 
.... 
.... 
constructor(public http: Http, private geolocation: Geolocation) { } 
getGeoLocation() { 
    return new Promise((resolve, reject) => { 
     this.geolocation.getCurrentPosition() 
     .then((resp) => { 
      resolve(resp.json()); 
     }).catch((error) => { 
      console.log('Error getting location', error); 
      reject(error); 
     }); 
}); 

    } 

そして、あなたのコンポーネントファイル：

import { WeatherProvider } from '../../providers/weather/weather'; 

constructor(public navCtrl: NavController,private weatherProvider: WeatherProvider){ 
    this.weatherProvider.getGeoLocation() 
     .then((res) => { 
      console.log(res); 
     }) 
     .catch((err) => { 
      console.log(err); 
     }); 
    }