如何从角度服务对 propublica.org 进行 Web api 调用答案

【问题标题】：How to make a web api call to propublica.org from angular service如何从角度服务对 propublica.org 进行 Web api 调用
【发布时间】：2019-10-07 11:21:33
【问题描述】：

我正在尝试使用来自 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 调用有效。

感谢您的帮助！

【问题讨论】：

标签： javascript angular rest angular-httpclient angular-fullstack

【解决方案1】：

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

【讨论】：

请添加更多解释，这本身就是一个糟糕的答案。