Angular 2 HTTP funktioniert nicht

Question

Ich benutze Angular 2 beta.18 und versuche, Google Map Geocode zu verwenden. Ich mache das gleiche wie alle Tutorial beschreiben, aber ich bekomme eine seltsame Antwort.

Meine Komponente:

import { Injectable } from '@angular/core'; 
import { Http, Response} from '@angular/http'; 
import {Observable} from 'rxjs/Observable'; 

@Injectable() 
export class GoogleMapService { 

    constructor(private http: Http) { } 

convertAddressToCooredinate(address: string){ 
    if(address != null){ 
    var address ="1334 Emerson St, NE Washington DC"; 
    return this.http.get('https://maps.googleapis.com/maps/api/geocode/json?address='+encodeURIComponent(address)) 
        .map(response => response.json()); 
    } 
    } 
} 

Die Antwort eine JSON mit den Ergebnissen enthalten sollte jedoch erhalte ich folgendes:

Observable {_isScalar: false, Quelle: Observable, Betreiber: MapOperator}

Ich versuchte, die Anfrage an andere URLs zu richten und die gleiche Antwort zu erhalten.

Answer 1

Ihre convertAddressToCooredinate Funktion gibt eine Observable zurück. Wenn Sie dieses Observable nicht in Ihrem Code abonnieren, werden Sie keinen Restanruf an Ihr Back-End tätigen. Daher protokollierst du nur deine Beobachtbarkeit.

Beispiel:

Some Component 
constructor(private gms: GoogleMapService) { 
    this.gms.convertAddressToCooredinate('some address') 
     .subscribe((response)=>{ 
      console.log(response); 
     }); 
}