각도를 사용하여 flickr에서 json을 표시 할 수 없습니다.

Question

내가 얻은 데이터를 표시하려고 할 때 문제가 있습니다. 내가 할

$http({ 
    method:'get', 
    format:'json', 
    url:'http://api.flickr.com/services/rest/?method=flickr.photos.getRecent&api_key=MyAPI&per_page=30&format=json',   
}).success(function(data, status, headers, config){ 
    $scope.photoID = data; 
     alert($scope.photoID) 

}) 

JSON 파일 : 다음은 내 코드입니다

jsonFlickrApi(
{ 
photos: { 
page: 1, 
pages: 34, 
perpage: 30, 
total: 1000, 
photo: [ 
{ 
id: "11480313795", 
owner: "80249365@N00", 
secret: "d4950d1c38", 
server: "5482", 
farm: 6, 
title: "5DM38945", 
ispublic: 1, 
isfriend: 0, 
isfamily: 0 
},..... 

그리고이 상황에서이 경고 창에서 전체 JSON 파일을 표시 할 수 있습니다. 그러나 페이지 또는 사진 ID와 같은 특정 데이터를 가져 오려면 콘솔에 정의되지 않거나 오류가 표시됩니다.

$http({ 
     method:'get', 
     dataType:'jsonp', 
     url:'http://api.flickr.com/services/rest/?method=flickr.photos.getRecent&api_key=MyAPI&per_page=30&format=json&jsoncallback=?',  
    }).success(function(data, status, headers, config){ 
      $scope.photoID = data.photos.page; 
      alert($scope.photoID); 

    }) 

나는 jquery와 동일한 json 파일을 ajax 할 수 있기 때문에 잘못된 것이 무엇인지 잘 모릅니다. 아무도 도와 줄 수 있습니까?

Answer 1

$http.get 메서드를 사용하고 있습니다. 사용중인 flickr API는 JSONP 형식을 반환합니다. 이것이 코드가 작동하지 않는 것처럼 보입니다. 이 경우 올바른 방법으로 원래 응답을 확인하십시오.

이전 답변 : $http 문서에서

, 전화는 JSON_CALLBACK의 문자열을 포함한다.

당신이 없습니다.

정확한 URL은 다음과 같아야합니다

http://api.flickr.com/services/rest/?method=flickr.photos.getRecent&api_key=MyAPI&per_page=30&format=json&jsoncallback=JSON_CALLBACK 

편집 : 여기

테스트 케이스와 더불어, plunkr입니다

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

코드 :

$http.jsonp("http://api.flickr.com/services/rest/?method=flickr.photos.getRecent&api_key=KEY&per_page=30&format=json&jsoncallback=JSON_CALLBACK") 
.success(function(data) { 

    $scope.data = data.photos; 

})