使用AngularJS和ngResource访问Restful API

时间:2014-03-12 15:10:06

标签: javascript angularjs angular-resource

我正在尝试使用AngularJS和Angular-resource从第三方API获取数据。到目前为止,我已经能够获得一些数据,但不知何故,当我尝试在ng-repeat中使用它时,它不起作用。

这是我的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。

我错过了什么?

编辑:我觉得我没有正确读取来自API的json数据,但我不知道错误在哪里:/

1 个答案:

答案 0 :(得分:1)

  

$ scope.releases = data2.releases;

检查你收到的数据 - 它是一个有两把钥匙的对象。