Angular $资源JSON回调不起作用 - 这是最佳做法吗？

Question

我正在创建一个资源,将数据传递给我的控制器,用于需要挂钩的现有api.不幸的是,我无法修改后端.

我的资源工厂目前看起来像这样:

'使用严格';

        angular.module('XXX')
        .factory('elements', function (
            $resource
        ) {
            return $resource('http://XXX/api/v1/elements/:id',
                {
                    callback: 'JSON_CALLBACK',
                    id: '@id'
                },
                {
                    query: {
                        method: 'JSONP',
                        params: {
                            id: '@id'
                        }
                    },
                    all: {
                        method: 'JSONP',
                        params: {}
                    }
                }
            );
        });

elements.query()工作正常,但不幸的是,elements.all()不起作用.我注意到在我的网络选项卡中返回的内容中,以angular.callbacks._2([{... DATA ...}])开头 - 这对我来说似乎不对.

UPDATE .....

好的,所以我得到了它:

    angular.module('XXX')
    .factory('element', function (
        $resource
    ) {
        return $resource('http://XXX/api/v1/elements/:id',
            {
                id: '@id',
                        callback : 'JSON_CALLBACK',
            },
            {
                query: {
                    method: 'JSONP',
                    params: {
                        id: '@id'
                    }
                },
                all: {
                    method: 'JSONP',
                    isArray: true,
                    params: {
                        callback : 'JSON_CALLBACK',
                    }
                }
            }
        );
    });

然而它返回到控制台的json以数组形式出现..我能够解析它以供使用,但现在只是想知道这是否是最佳实践？

Answer 1

这就是艾瑞的意思.您需要isArray标志,因为angular必须在发送请求之前创建一个空对象 - 在本例中为Array .所以所有绑定都可以,因为你有相同的参考.在结果到达时,它将填充到您的变量结果对象/数组中.

我们正在做这样的服务电话,也许它会帮助你:

.factory('Person', function($resource, AppConfig) {
   var Person = $resource(AppConfig.remoteURL + '/person/:id', {}, {
      query: {method:'GET'},
      queryAll: {method:'GET', isArray: true},
      create: {method:'POST'},
      update: {method: 'PUT'}});

   return Person;
});

并称之为:

Person.queryAll(function (result) {
   angular.isArray(result); // should be true
}, function (error) 
{
    //doh!
}