Angular 2 http得不到

Question

我是 Angular 2 的新手，仍在学习我正在尝试通过 get 调用访问 URL，但即使在浏览器的网络中，get 似乎也没有通过，我找不到正在调用的 get URL。

程序将转到该方法的控制台记录 get 调用的上方和下方，但 get 调用没有任何内容

我的服务方式

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");
}

在 app.module.ts 中导入 HttpModule

我的控制台截图

Answer 1

Http 使用 rxjs 并且是一个冷/惰性可观察对象，这意味着您应该订阅它以使其工作。

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

或者如果你想从其他地方订阅，你应该像这样返回 http.get 方法:

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

然后:

getAllPersons().subscribe();