我正在尝试将一个Instagram帖子嵌入到Angular2中的Component中。开发人员documentation of instagram显示了oembed的选项。但我似乎无法通过jsonp调用将响应返回到Component中。
import {Component, Init} from '@angular/core'
import {Jsonp} from '@angular/http'
@Component({
selector: 'my-app',
template: `...`,
})
export class App implements OnInit {
constructor(private _jsonp: Jsonp) { }
ngOnInit() {
this._jsonp.request('https://api.instagram.com/oembed?url=http://instagr.am/p/fA9uwTtkSN/&omitscript=true').subscribe();
}
}
我从api收到错误: Uncaught SyntaxError:意外的令牌:
但是: EXCEPTION:响应状态:200 Ok for URL
如果我检查响应,我会得到json数据。我添加了plnkr来显示问题。
答案 0 :(得分:2)
尝试在网址末尾添加&callback=JSONP_CALLBACK
,如下所示:
ngOnInit() {
this._jsonp.request('https://api.instagram.com/oembed?url=http://instagr.am/p/fA9uwTtkSN/&omitscript=true&callback=JSONP_CALLBACK').subscribe();
}