Http在Angular 2中获取请求

Question

我正在尝试使用Angular 2从Statbureau通胀api- https://www.statbureau.org/en/inflation-api检索数据。我开始只是测试我的api，并确保它在api中输出成功消息。安慰。 看来我正在使用的api是JSONP，因为我正在使用http://www.statbureau.org/calculate-inflation-price-jsonp?jsoncallback=吗？ 在网站上，他们提供了一个JS小提琴，该小提琴使用jquery成功调用了api。 当我尝试在Angular 2中进行相同的调用时，出现以下错误：

TypeScript error: C:/Users/Rennie/projects/inflator/app/pages/home/home.ts(22,13): Error TS
2322: Type 'Observable<any>' is not assignable to type 'HomePage'.
  Property 'jsonp' is missing in type 'Observable<any>'.
TypeScript error: C:/Users/Rennie/projects/inflator/app/pages/home/home.ts(22,13): Error TS
2409: Return type of constructor signature must be assignable to the instance type of the c

这是我的代码

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {Jsonp, URLSearchParams } from '@angular/http';
import {Observable} from 'rxjs/Rx';
import 'rxjs/add/operator/map';
@Component({
  templateUrl: 'build/pages/home/home.html'
})
export class HomePage {


  constructor(private jsonp: Jsonp) {

    this.jsonp=jsonp;
        let cpiUrl = "https://www.statbureau.org/calculate-inflation-price-jsonp?jsoncallback"
         let params = new URLSearchParams();
      params.set('country', 'united-states');
      params.set('amount', '102');
        params.set('start', '1968/1/1');
        params.set('finish', '2016/1/1');
        // TODO: Add error handling
        return this.jsonp
               .get(cpiUrl, { search: params }).map(function(response){ return response.json(); })

    }


}

我的代码与jsfiddle中的调用不同，因为我对api参数进行了硬编码，只是为了快速查看结果。

Answer 1

1）构造函数通常（总是？）没有return语句。 删除退货声明应将type 'Observable<any>' is not assignable to type 'HomePage'.

2）似乎没有成为一个方法get的Jsonp类Angular 2检查文档 。

3）直到订阅（它们是惰性的），才会执行可观察的序列/管道，因此即使该代码已编译，也不会执行该请求。

4）我想你应该看看这个类似的问题。

祝好运。