获取请求失败angular2

Question

我创建的网络服务应该使用 1 个参数发送 get 请求， 我应该从 API 中得到结果，

NetworkServices.ts

import { Injectable } from '@angular/core';
import {Http} from "@angular/http";

@Injectable()
export class NetworkServices{
  constructor(public http:Http){

  }
  getCurrency(obj){
    console.log("function fired!")
    let url = 'http://api.fixer.io/latest?base='+obj.selectedCurrency;
    console.log(obj);
    this.http.get(url)
      .toPromise()
      .then( (res) => {
          return res;
        }
      )
  }
}

结果应该是 res，这是 3 周前的工作，我不知道 angular 是如何改变的，呵呵..

错误代码是：

[19:46:04]  transpile update started ...
[19:46:06]  typescript: D:/ionic/firstApp/src/services/network.ts, line: 25 
            Property 'toPromise' does not exist on type 'Observable<Response>'.

      L24:    return this.http.get(url).toPromise();
[19:46:06]  transpile update failed       L25:
}

[19:46:06]  watch ready

希望你们能解决这个问题:)

Answer 1

你需要添加

import 'rxjs/add/operator/toPromise'

Answer 2

您的方法不返回任何内容，并且 then 回调除了将 Promise<Response> 转换为另一个 Promise<Response> 之外什么也不做。所以你的整个方法基本上是一个noop。

代码应该看起来像

getCurrency(obj){
    console.log("function fired!")
    let url = `http://api.fixer.io/latest?base=${obj.selectedCurrency}`;
    console.log(obj);
    return this.http.get(url).toPromise();
}

或者，如果你想返回一个包含响应的 json 主体而不是响应本身的承诺

getCurrency(obj){
    console.log("function fired!")
    let url = `http://api.fixer.io/latest?base=${obj.selectedCurrency}`;
    console.log(obj);
    return this.http.get(url).toPromise().then(res => res.json());
}

关于你的编译错误，你需要导入 toPromise 操作符：

import 'rxjs/add/operator/toPromise';