Javascript 使用AngularJS和ngResource访问Restful API
我正在尝试使用AngularJS和AngularResource从第三方API获取数据。到目前为止,我已经能够获得一些数据,但不知何故,当我尝试在ng重复中使用它时,它不起作用 以下是我的js和html:Javascript 使用AngularJS和ngResource访问Restful API,javascript,angularjs,angular-resource,Javascript,Angularjs,Angular Resource,我正在尝试使用AngularJS和AngularResource从第三方API获取数据。到目前为止,我已经能够获得一些数据,但不知何故,当我尝试在ng重复中使用它时,它不起作用 以下是我的js和html: angular.module('myApp', ['ngResource']) function Hello($scope, $http) { $http.get('http://api.discogs.com/artists/3823'). success(function(data
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>
艺术家:{{greeting.name}
真实姓名:{{greeting.realname}
- {{release.title}
还有一个。您将看到代码正确地使用了.name和.realname,但没有出于任何原因调用releases.title
我错过了什么
编辑:我感觉我没有正确读取来自API的json数据,但我不知道错误在哪里:/
$scope.releases=data2.releases
检查你得到的数据-这是一个有两个键的对象。StuR,已经尝试过(实际上你是对的,我会编辑并更改它,因为它是错误的),但同样的问题…太棒了!利用一点优势,json响应是这样的格式:3:{状态:已接受,拇指:,标题:统一,}艺术家:“Alva Noto+Scanner”格式:“CD,MiniAlbum”id:54977标签:“SFMOMA”资源url:“角色:”主要”状态:“已接受”拇指:“标题:”统一”类型:“发布”年份:2001我如何按角色筛选它?例如,如果role=“Main”
ng repeat=“release in releases | filter:{role:'Main'}”
请在此处阅读有关过滤器的更多信息: