javascript - 使用 AngularJS 和 ngResource 访问 Restful API

标签 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数据,但我不知道错误在哪里:/

最佳答案

$scope.releases = data2.releases;

检查您返回的数据 - 它是一个带有两个键的对象。

关于javascript - 使用 AngularJS 和 ngResource 访问 Restful API,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22355727/

相关文章:

javascript - AngularJS $resource 将 id 作为查询参数而不是 url 传递

javascript - Angular $resource 然后不返回数据

javascript - 无法读取 AngularJS $resource DELETE 的响应

javascript - MVC 编辑器用于动态插入

javascript - 进行不完全继承时的 instanceof 行为

javascript - 使用 c3 Angular Directive(指令)的区域折线图

javascript - 语法错误 : Unexpected token `<` -- AngularJS Application is not working

javascript - $q.when 不适用于匿名函数

javascript - 修改 URL 允许某些用户看到他们不应该看到的内容

javascript - Patternlab Handlebars 将数据变量作为字符串文字传递