2014-03-12 4 views
1

AngularJS 및 각도 리소스를 사용하여 타사 API에서 데이터를 가져 오는 첫 걸음을 내딛겠습니다. 지금까지 몇 가지 데이터를 얻을 수 있었지만, ng-repeat에서 사용하려고하면 어떻게 작동하지 않습니다.AngularJS 및 ngResource로 편안한 API에 액세스

은 여기 내 JS와 HTML :

angular.module('myApp', ['ngResource']) 
function Hello($scope, $http) { 
$http.get('http://api.discogs.com/artists/3823'). 
    success(function(data) { 
     $scope.greeting = data; 
    }); 
$http.get('http://api.discogs.com/artists/3823/releases'). 
    success(function(data2) { 
     $scope.releases = data2; 
    }); 
}; 

그리고 HTML :

<div class="container" ng-app="myApp"> 
<div class="row" ng-controller="Hello"> 

    <p>Artist: {{greeting.name}}</p> 
     <p>Real name: {{greeting.realname}}</p> 



    <ul> 
    <li ng-repeat="release in releases"> {{release.title}}</li> 
    </ul> 


    </div> 
</div> 

그리고 Plunker. 코드가 .name 및 .realname을 올바르게 사용하고 있지만 어떤 이유로 든 releases.title을 호출하지 않습니다.

무엇이 누락 되었습니까?

편집 :/

+0

시도해보십시오. "release.title" – StuR

+0

StuR, 이미 시도했는데 (실제로는 맞습니다. 수정하고 잘못 변경 했으니까요.) 같은 문제가 있습니다 ... –

답변

1

$ scope.releases : 실수이고 내가 제대로 API에서 제공되는 JSON 데이터를 읽고 있지 않다 느낌을 가지고 있지만 나도 몰라 = data2.releases;

두 개의 키가있는 객체를 확인하십시오.

+0

Brilliant! 그리고 약간의 이점을 가지고, json 응답은 다음 형식으로되어 있습니다 : 3 : {상태 : 수락, 엄지 : http : //api.discogs.com/image/R-150-54977-1158758835.jpeg, 제목 : 제복 ...} 아티스트 : "알바 노토 + 스캐너" 형식 : "CD, 중무장" ID : 54977 라벨 : "SFMOMA" resource_url "http://api.discogs.com/releases/54977" 역할 : "주" 상태 : "수락 됨" 손가락 : "http://api.discogs.com/image/R-150-54977-1158758835.jpeg" 제목 : "Uniform" 유형 : "출시" 년 : 2001 어떻게 역할별로 필터링 할 수 있습니까? 예 : 만약 role = "Main"이라면? –

+1

'ng-repeat = "릴리스의 필터 | {role :'Main '}"'필터에 대한 자세한 내용은 다음을 참조하십시오. http://docs.angularjs.org/api/ng/filter/filter – muchzill4

관련 문제