Question

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

Answer 1

尝试在网址末尾添加&callback=JSONP_CALLBACK，如下所示：

ngOnInit() {
        this._jsonp.request('https://api.instagram.com/oembed?url=http://instagr.am/p/fA9uwTtkSN/&omitscript=true&callback=JSONP_CALLBACK').subscribe(); 
}

将Instagram（oembed）嵌入到Angular 2应用程序中

1 个答案: