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方法指定操作参数（这些是“获取”，“保存”，“查询”，“删除”，“删除”）。在这种情况下，您可以按原样使用.query()方法（这只需要修改服务定义）：

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

P.S。还有一个提示是你的例子将json打包成哈希而不是数组（这就是为什么你没有收到push方法错误），如果你需要它是一个数组isArray: true来动作配置：

'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);
        }
    });
});

使用AngularJS $资源获取数据

1 个答案: