使用Angular 2调用Twitch API

我正在尝试在Angular 2（2.1.0）中对第三方API进行我的第一次http调用，这不仅仅是按照教程进行的，而且我已经被卡住了

我正试图调用TwitchAPI来挑战FreeCodeCamp（这本身就很痛苦）。我从一个用jQuery编写的工作示例中获取了API调用，因此我知道我正在尝试调用正确的位置，但似乎无法获取数据

我的服务包括：

apiBaseUrl: string = 'https://wind-bow.hyperdev.space/twitch-api/streams/';
user: string = 'ESL_SC2';
query: string = '?callback=?';

constructor(public jsonp: Jsonp) { }

refresh(): Observable<string> {
    const apiCall: string = this.apiBaseUrl + this.user + this.query;

    return this.jsonp.get(apiCall)
      .map((res: Response) => res.json())
      .catch((err: any) => Observable.throw(err.json().err));
}

---

因此，看起来我正在从API获取数据，但我无法理解为什么它不能正确地进入我的组件。如果有人能对此有所了解，我将不胜感激。

只有一件事你需要做才能让它发挥作用。在querystring回调参数上定义

JSONP\u回调

：

query: string = '?callback=JSONP_CALLBACK';

你非常接近！我在这里发现了这件事-

---

这是一个plunker演示了变化和结果：

只有一件事你需要做才能让它工作。在querystring回调参数上定义

JSONP\u回调

：

query: string = '?callback=JSONP_CALLBACK';

你非常接近！我在这里发现了这件事-

---

这是一个演示变化和结果的插曲：

哦，我的天哪，@silentsod，非常感谢你！我已经为此奋斗了一段时间，我很高兴它能起作用！当这解决了你的问题时，你介意接受这个答案吗？当然-我很抱歉，在我兴奋的时候，我忘记了我的礼仪。再次感谢你！噢，我的天哪，@silentsod，非常感谢你！我已经为此奋斗了一段时间，我很高兴它能起作用！当这解决了你的问题时，你介意接受这个答案吗？当然-我很抱歉，在我兴奋的时候，我忘记了我的礼仪。再次感谢你！

query: string = '?callback=JSONP_CALLBACK';