AngularJS Flickr API

Question

Я пытаюсь получить общедоступные фотографии из Flickr с помощью AngularJS и получаю эту ошибку консоли:

Uncaught SyntaxError: Unexpected token <

Вот мой код:

var app = angular.module('plunker', ['ng', 'ngResource']); 
    app.controller('MainCtrl', function($scope, $http) { 
     $http.jsonp('https://api.flickr.com/services/feeds/photos_public.gne?&callback=JSON_CALLBACK').then(function (data) { 
     $scope.data = data; 
     console.log(data); 
     }); 
    }); 

Вот мой Plunker:

http://plnkr.co/edit/vB9BJDh6B8DtSFlod1F2?p=preview

Как я могу предотвратить это ошибка?

Answer 1

Адрес API flickr, который вы используете, возвращает XML.

Добавить format=json в запросе url. Кроме того, замените callback=JSON_CALLBACK на jsoncallback=JSON_CALLBACK.

Подводя итог, запрос так:

$http.jsonp('https://api.flickr.com/services/feeds/photos_public.gne?format=json&jsoncallback=JSON_CALLBACK').then(function (data) { 
    $scope.data = data; 
    console.log(data); 
}); 

См updated plunker