AngularJS Flickr的API '未捕獲的SyntaxError：意外的標記<'

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

您使用的flickr API的網址返回XML。

在請求url中添加format=json。另外，用jsoncallback=JSON_CALLBACK代替callback=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