Angular 2 http non ottiene

Sono nuovo di Angular 2 ancora sto imparando sto cercando di colpire un url con una chiamata get ma il risultato non sembra passare attraverso anche nella rete del browser non riesco a trovare che ottenere url essere chiamato.

Il programma sta eseguendo la registrazione della console del metodo sopra e sotto per ottenere la chiamata ma nulla per la chiamata get

Il mio metodo di servizio

import { Headers, Http, Response } from '@angular/http'; import { Injectable } from '@angular/core'; import { Persons } from './mock-people'; import { Person } from './person'; import {Observable} from 'rxjs/Rx'; getAllPersons():void{ console.log("Here"); this.http.get(`http://swapi.co/api/people/1`).map((response:Response) => { console.log(response.json()); response.json(); }); console.log("Comes here 2"); } 

Httpmodule importato in app.module.ts

La mia console Schermata

    consolle

    Http utilizza rxjs ed è un osservabile freddo / pigro, il che significa che dovresti iscriverti per farlo funzionare.

      this.http.get(`http://swapi.co/api/people/1`).map((response:Response) => { console.log(response.json()); response.json(); }).subscribe(); 

    O se vuoi iscriverti da qualche altra parte, dovresti restituire il metodo http.get in questo modo:

      getAllPersons():Observable{ console.log("Here"); return this.http.get(`http://swapi.co/api/people/1`).map((response:Response) => { console.log(response.json()); response.json(); }); } 

    e poi :

      getAllPersons().subscribe(); 

    il metodo dovrebbe restituire la risposta della chiamata api utilizzando Observable.

    service.cs

     import { Http, Jsonp, Response, Headers, RequestOptions } from '@angular/http'; import { Injectable } from '@angular/core'; import { Persons } from './mock-people'; import { Person } from './person'; import { Observable } from 'rxjs/Observable'; import 'rxjs/add/observable/forkJoin'; @Injectable() export class Service { constructor(private jsonp: Jsonp, private _http: Http) { } getAllPersons():Observable{ console.log("Here"); let headers = new Headers({ 'Content-Type': 'application/json' }); let options = new RequestOptions({ headers: headers, method: 'get' }); return this._http.get('http://swapi.co/api/people/' + personId) .map((res:Response) => { return res.json(); }) .catch(this.handleError); console.log("Comes here 2"); } private handleError(error: Response) { console.error(error); return Observable.throw(error.json().error || ' error'); } } 

    opzioni e intestazioni sono opzionali.

    Nota: invece di ( ) puoi definire il tuo tipo di dati o qualsiasi altro tipo definito in cui ottieni i dati nella tua risposta.

    Grazie.