将Instagram(oembed)嵌入到Angular 2应用程序中

时间:2016-07-13 20:56:07

标签: typescript angular

我正在尝试将一个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来显示问题。

1 个答案:

答案 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(); 
}