Angular2 Flickr JSONP

Question

我對AngularJS很新。我正在使用Angular2製作一個Flickr公共提要應用程序，但我遇到了這個問題。

我找不到讓JSONP工作的方法。我該怎麼做才能返回JSON對象？

這裏的代碼

flickr.service.ts

import { Injectable } from '@angular/core'; 
import { Jsonp, Http } from '@angular/http'; //use jsonp module to fetch the data from the api call 

import 'rxjs/Rx'; // use rxjs as the observable 

@Injectable() 

export class FlickrService { 

    url: string; 
    apiKey: string = 'ffed2ef9dede27481c3195eea1be61eb'; 

    constructor(private _jsonp: Jsonp) { 
    this.url = `https://api.flickr.com/services/feeds/photos_public.gne?&api_key=${this.apiKey}&per_page=12&format=json&nojsoncallback=1`; 
    } 

    getFeed() { 
    return this._jsonp.get(this.url) 
     .map(res => res.json()); 
    } 

    searchTag(searchTerm: string) { 
    return this._jsonp.get(this.url+'&tag='+searchTerm) 
     .map(res => res.json()); 
    } 
} 

flickr.component.ts

import { Component } from '@angular/core'; 
import { FlickrService } from '../services/flickr.service'; 
@Component({ 
    moduleId: module.id, 
    selector: 'flickr', 
    templateUrl: './flickr.component.html' 
}) 
export class FlickrComponent { 
    feedList: Array<Object>; 
    searchList: Array<Object>; 
    searchTerm: string; 
    constructor(private _flickrService: FlickrService) { 
    this._flickrService.getFeed().subscribe(res => { 
     console.log(res); 
    }); 
    } 
} 

Answer 1

爲了有Jsonp庫爲我工作我需要結束我的查詢callback=JSONP_CALLBACK。因此，嘗試更新的服務，這...

import { Injectable } from '@angular/core'; 
import { Jsonp, Http } from '@angular/http'; 

import 'rxjs/Rx'; // use rxjs as the observable 

@Injectable() 

export class FlickrService { 

    url: string; 
    apiKey: string = 'ffed2ef9dede27481c3195eea1be61eb'; 

    constructor(private _jsonp: Jsonp) { 
    this.url = `https://api.flickr.com/services/feeds/photos_public.gne?&api_key=${this.apiKey}&per_page=12&format=json`; 
    } 

    getFeed() { 
    return this._jsonp.get(this.url+'&callback=JSONP_CALLBACK') 
     .map(res => res.json()).catch(this._handleError); 
    } 

    searchTag(searchTerm: string) { 
    return this._jsonp.get(this.url+'&tag='+searchTerm+'&callback=JSONP_CALLBACK') 
     .map(res => res.json()).catch(this._handleError); 
    } 

    private _handleError(error: Response | any) { 
    console.log(error); 
    return Observable.throw(error.code); 
    } 
} 

而且，我不是100％肯定，如果callback=JSONP_CALLBACK需求要查詢的最後一個參數。但是任何和所有的文件我我曾經閱讀過它，所以我剛剛完成了它，它對我來說工作得很好。