javascript - 使用 AngularJS $resource 获取数据

Question

我正在尝试使用 $resource 从静态 json 文件中获取数据，这是代码片段：

 angular.module('app.services', ['ngResource']).
  factory('profilelist',function($resource){
    return $resource('services/profiles/profilelist.json',{},{
        query:{method:'GET'}
    });
});

在控制器中，

function ProfileCtrl($scope,profilelist) {
$scope.items = [];
$scope.profileslist = profilelist.query();
for (var i=0;i<=$scope.profileslist.length;i++){
    if($scope.profileslist[i] && $scope.profileslist[i].profileid){
        var temp_profile = $scope.profileslist[i].profileid;
    }
    $scope.items.push(temp_profile);

}

但是现在，我面临一个错误： TypeError: Object #<Resource> has no method 'push'

你能帮我解决我哪里出错了吗？

Answer 1

您不需要为默认$resource方法指定操作参数（这些是“get”、“save”、“query”、“remove”、“delete”）。在这种情况下，您可以.query()按原样使用方法（这只需要更改服务定义）：

angular.module('app.services', ['ngResource']).
  factory('profilelist',function($resource){
    return $resource('services/profiles/profilelist.json');
  });

PS还有一个提示是，如果您需要将其设置为设置isArray: true为操作配置的数组，则您的示例将json解包为哈希而不是数组（这就是您没有收到推送方法错误的原因）：

'query':  {method:'GET', isArray:true}

正如@finishingmove 发现你真的不能分配$resource结果立即获得，提供回调：

$scope.profileslist = profilelist.query(function (response) {
    angular.forEach(response, function (item) {
        if (item.profileid) {
            $scope.items.push(item.profileid);
        }
    });
});