Angular2: Wie kann ich ein Array von Objekten zugreifen, die abgerufen werden unter Verwendung eines Http.get

Question

Hier ist mein Code:

import { Component, ViewChild, ElementRef } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { EventService } from '../../app/event.service'; 

declare var google; 

@Component({ 
    selector: 'map-view', 
    templateUrl: 'mapview.html' 
}) 
export class MapView 
{ 

    @ViewChild('map') mapElement: ElementRef; 
    map: any; 
    events: any; 

    constructor(public navCtrl: NavController, private eventService: EventService) 
    { 

    } 

    ngOnInit() 
    { 
    this.getEvents(); 
    this.loadMap(); 
    } 

    loadMap() 
    { 
    let center = new google.maps.LatLng(-34.9290, 138.6010); 
    let mapOptions = 
    { 
     zoom: 13, 
     center: center, 
     mapTypeControl: false, 
     streetViewControl: false, 
    } 
    this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions); 
    } 

    getEvents() 
    { 

    this.eventService.getEvents().subscribe(response => 
    { 
     this.events = response.lexington; 
     console.log(this.events[0]); 
    }) 


    } 
} 

Im Grunde, was das jetzt tut einen Dienst ruft die JSON-Objekte von einer URL abruft . Ich weiß, dass dieser Teil gut funktioniert. Wie kann ich diese Antwort jedoch für den Rest der Datei verfügbar machen?

Answer 1

Möchten Sie die Antwort einfach speichern?

bearbeiten

Aus den Kommentaren, es sieht aus wie Sie die Antwort aufzufüllen Google Maps verwenden möchten.

So tut nur, nachdem Sie die Ereignisse json Objekt

Wie erhalten:

@ViewChild('map') mapElement: ElementRef; 
    map: any; 
    events: any; 
    eventsReponse:any; // this 

    getEvents() 
    { 

    this.eventService.getEvents().subscribe(response => 
    { 
     this.eventsReponse = response; 

     // You have the response here, you can populate google maps 
     // here like 

     this.populateGoogleMaps(response); 
     ... 
    }) 


}