javascript - 如何从 Angular 服务对 propublica.org 进行 Web API 调用

Question

我正在尝试使用来自 Angular 8 服务的 propublica.org 的 congress api 获取信息。

作为对外部 Web api 的 Http 调用的新手，我很难阅读此处找到的文档:https://projects.propublica.org/api-docs/congress-api/#requests

我能找到的最好的显示如何调用电话的内容是:https://gist.github.com/renderorange/f2a8bd0ffc6eeefe79f13de684631387

但我不知道如何将其转换为使用 Angular 的 HttpClient。

我正在从组件内部调用该服务。我已经了解了它的结构。但是，我对 propublica 在其文档中对 jsonp 的引用感到困惑。我尝试使用 Angular 的 jsonp，但它与上面链接中的示例 javascript 调用无关。

在组件中，我正在尝试记录响应

    this.CongressService
      .getStateCounts()
      .subscribe(data=>console.log(data));

服务

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http'

import { PropublicaKey } from '../../assets/config/propublica'

@Injectable({
  providedIn: 'root'
})
export class CongressService {

  constructor(private HttpClient:HttpClient) { }

  getStateCounts() {
    let options = {
      url: 'https://api.propublica.org/congress/v1/states/members/party.json',
      headers: {
        'X-API-Key': 'my-api-key'
      },
      json: true
    };

    return this.HttpClient.jsonp(options.url, headers);
  }
}

目标是记录数据，以便我知道 api 调用是否有效。

感谢您的帮助!

Answer 1

返回this.HttpClient.get(url,options)