メソッド内のサービスを使用する

Question

私はユーザーのジオロケーションを取得して、それを別のAPI呼び出しで使用しようとしています。私が次のことをすると、このエラーが出ます。サービスは 'getLegislatorByLocation'で、geoSuccessメソッドにあります。

EXCEPTION: TypeError: Cannot read property 'getLegislatorByLocation' of undefined

export class LocalLegislatorsComponent implements OnInit { 

    constructor(private _legislatorService: LegislatorService) { 

    } 

    ngOnInit(): void {  
     this.geoFindUser();      
    } 



    geoFindUser(): void { 

     if (!navigator.geolocation) { 
      this.geoSupport = false; 
      return; 
     } 

     navigator.geolocation.getCurrentPosition(this.geoSuccess, this.geoError); 
    } 

    geoSuccess(position): void { 
     this.geoSupport = true; 
     this.latitude = position.coords.latitude; 
     this.longitude = position.coords.longitude; 

     this._legislatorService.getLegislatorByLocation(this.latitude, this.longitude) 
      .subscribe(legislators => this.legislators = legislators, error => this.errorMessage = <any>error); 
    } 

    geoError(): void { 
     console.log('Unable to retrieve location'); 
     this.geoSupport = false; 
    } 
} 

私が何とかする方法にサービスを注入する必要がありますか？あなたはそれが動作するはず

navigator.geolocation.getCurrentPosition((pos) => this.geoSuccess(pos), this.geoError); 

にそれを変更した場合

Answer 1

あなたのコードは、この行

navigator.geolocation.getCurrentPosition(this.geoSuccess, this.geoError); 

でthis.スコープを失います。

魔法geoSuccess()がgetCurrentPosition()内から呼び出されたときに、それ以外の場合はgetCurrentPosition()関数を指しますまたはwhereever geoSuccessがから呼び出されている間thisまだLocalLegislatorsComponentの現在のインスタンスを指すことを保証=>あります。

も参照してくださいhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Functions/Arrow_functions

周りの作業のもう一つの方法は、

navigator.geolocation.getCurrentPosition(this.geoSuccess.bind(this), this.geoError);