Instagram (oembed) in Angular 2 einbetten

Question

Ich versuche einen Instagram Post in eine Komponente in Angular2 einzubetten. Der Entwickler documentation of instagram zeigt eine Option für Oembed. Aber ich kann nicht scheinen, die Antwort vom jsonp Anruf in die Komponente zurück zu bekommen.

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

Ich erhalte eine Fehlermeldung von der api: Uncaught Syntaxerror: Unexpected token:

Aber auch: AUSNAHME: Antwort mit dem Status: 200 Ok für URL

Und wenn ich überprüfen Die Antwort, ich bekomme die JSON-Daten. Ich habe ein plnkr hinzugefügt, das das Problem zeigt.

Answer 1

Versuchen &callback=JSONP_CALLBACK am Ende Ihrer URL hinzufügen, etwa so:

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