Angular 2 http não conseguir

Eu novo no Angular 2 ainda aprendendo, eu estou tentando acertar um URL com um get, mas o get não parece passar até mesmo na rede do navegador eu não consigo encontrar esse url sendo chamado.

O programa está indo para esse console do método de log acima e abaixo que receber chamada, mas nada para a chamada get

Meu método de serviço

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 importado em app.module.ts

Minha consola Captura de canvas

Console

Http usa rxjs e é um cold / lazy observable, significando que você deve se inscrever para fazê-lo funcionar.

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

Ou se você quiser se inscrever em outro lugar, você deve retornar o método http.get assim:

  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 depois :

  getAllPersons().subscribe(); 

método deve retornar a resposta da chamada api usando 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'); } } 

opções e headers são opcionais.

Nota: em vez de ( ) você pode definir seu tipo de dados ou qualquer outro tipo definido no qual você obtém dados em sua resposta.

Obrigado.