タイプスクリプト内のスコープ変数

Question

Ionic 2 AppでAngular 2（Typescript）を使用しています。私は1つのクラスNewFavoriteSitePageプライベートプロパティsiteFormと私はクラスのメソッドでこのプロパティを使用することができますが、私は1つのGoogleマップのメソッドの中にいるときこの変数は定義されていません。変数の範囲は何か、または両側からアクセスする変数を定義するにはどうすればよいですか？

declare var google; 
...... 
export class NewFavoriteSitePage { 
    ..... 
    private siteForm: FormGroup; 

    loadMap(){ 
    //I can access to siteForm here! 
    ..... 
     google.maps.event.addListener(marker, 'dragend', function(marker, siteForm){ 
     let newlatLng = marker.latLng; 
     console.log(this.siteForm); //Here this.siteForm is undefined 
     }); 
    } 

Answer 1

Googleマップがそこに定義されていない理由は、それはもう「この」ページと等しくないを作る関数のコールバック、あるされているので、変数にそれを置くことは、問題を解決します。

private siteForm: FormGroup; 

    loadMap(){ 
    var siteformFromPage=this.siteForm; //this should work 
     google.maps.event.addListener(marker, 'dragend', function(marker, siteForm){ 
     let newlatLng = marker.latLng; 
     console.log(siteformFromPage); 
     }); 
    } 

EDIT：あなたは、最新の値をしたい場合、あなたも試みることができるこの方法です：

private siteForm: FormGroup; 

    loadMap(){ 
     var that=this; //cache that value of the page. 

     google.maps.event.addListener(marker, 'dragend', function(marker, siteForm){ 
     let newlatLng = marker.latLng; 
     console.log(that.siteformFromPage); 
     }); 
    } 

Answer 2

は、コンテキストを保持するには、矢印機能を使用します。

google.maps.event.addListener(marker, 'dragend', (marker, siteForm) => { 
    let newlatLng = marker.latLng; 
    console.log(this.siteForm); 
    });