Angular 2 http 没有得到

发布于12月29日

我刚接触Angular 2，但仍在学习如何通过get调用来点击一个URL，但即使在浏览器的网络中，get似乎也无法通过，我找不到被调用的get URL.

程序将进入方法控制台，在get调用的上方和下方记录日志(log)，但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");
}

在应用程序中导入了HttpModule个.单元ts

我的控制台屏幕截图

控制台]

推荐答案

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

然后: