Impossible d'accéder à la variable globale de type

Question

J'ai un problème étrange dans le code. J'ai déclaré des marqueurs variables à l'intérieur d'une classe afin qu'elle soit globale et accessible partout dans la classe. Mais le problème est que je peux accéder aux marqueurs dans initMap mais je ne peux pas y accéder à l'intérieur de la fonction de InitMap. L'erreur indique: TS2339 La propriété 'marqueurs' n'existe pas sur le type vide

  export class StudentGraphicReportMapComponent implements OnInit { 
    locations: any[] = []; 
    markers:any[] = []; 
    constructor(private http: Http, private elementRef: ElementRef , private dashboardService: DashboardService) { 
    } 
    initMap() { 
    // ------ CAN ACCESS markers here 

    this.locations.forEach(function(location: Location) { 
     for (let b = 0; b < location.studentCount; b++) { 
      let marker = new google.maps.Marker({ 
      position: location, 
      label: 'A' 
      }); 
    // ----------CANNOT ACCESS markers here 
      this.markers.push(marker); //Error:Property 'markers' does not exist on type void 
     } 
    }); 

    } 
    ngOnInit() { 
    this.dashboardService.getStudentCoordinates().then(data => { 
     this.locations = data.data; 
     this.initMap(); 
    }); 
    } 

} 

Aidez-moi à résoudre ce problème. Kind regards

Answer 1

Vous devez utiliser arrow functions pour obtenir l'accès au this comme ceci:

export class StudentGraphicReportMapComponent implements OnInit { 
    locations: any[] = []; 
    markers:any[] = []; 
    constructor(private http: Http, private elementRef: ElementRef , private dashboardService: DashboardService) { 
    } 
    initMap() { 
    this.locations.forEach((location: Location) => { 
     for (let b = 0; b < location.studentCount; b++) { 
      let marker = new google.maps.Marker({ 
      position: location, 
      label: 'A' 
      }); 
      this.markers.push(marker); //Error:Property 'markers' does not exist on type void 
     } 
    }); 

    } 
    ngOnInit() { 
    this.dashboardService.getStudentCoordinates().then(data => { 
     this.locations = data.data; 
     this.initMap(); 
    }); 
    } 

} 

Answer 2

Faire des points variables locales à ce

initMap() { 
let _self = this; 
... 
} 

et utiliser _self.markers dans la fonction