javascript 使用AngularJS $资源获取数据

iezvtpos 于 2023-02-07 发布在 Java

关注(0)|答案(1)|浏览(81)

我正在尝试使用$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'
你能告诉我哪里出了问题吗？

JavaScript

来源：https://stackoverflow.com/questions/15466427/using-angularjs-resource-to-get-data

1条答案

按热度按时间

7fyelxc51#

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

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

还有一个提示是，如果需要将json解封装为数组，则示例将其解封装为hash而不是array（这就是为什么没有收到push方法错误），将isArray: true设置为action config：

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

赞(0）回复(0）举报 2023-02-07

我来回答

javascript 使用AngularJS $资源获取数据

1条答案

相关问题

热门标签

最新问答