如何使用angular的资源工厂调用多个GET请求？

Question

这是我使用$ resource的工厂方法代码

    (function () {
    "use strict";
    angular.module("common.services")
    .factory("lookupResource", ["$resource", "appsettings", lookupResource])
    function lookupResource($resource, appsettings) {
        return {
            lookupUserRoles: $resource(appsettings.serverpath + "api/UserRoles", null,
                {
                    'userRoles': { method: 'get' }
                }),
            lookupStaffTypes: $resource(appsettings.serverpath + "api/StaffTypes", null,
                {
                    'staffTypes': { method: 'get' }
            })
        }
    }

})();

我正在尝试使用下面的代码调用lookupStaffTypes，但它没有给出数据或错误。 我在这里想念什么？

   lookupResource.lookupStaffTypes.staffTypes( function (data) {
                var test = data;
            },
                function (response) {
                    vm.message = response.statusText + "\r\n"
                    if (response.data.exceptionMessage)
                    { vm.message += response.data.exceptionMessage }
                    //validation errors
                    if (response.data.error) {
                        vm.message += response.data.error;
                    }
                });

我可以这样称呼它，它为我提供了数据：

 var staffTypes = $http.get(appsettings.serverpath + "api/StaffTypes").then(function (dataResponse) {
            var qwe = dataResponse;
            for (var i = 0; i < dataResponse.data.length; i++) {
                $scope.staffTypeList.push(dataResponse.data[i]);
            }

        }, function (response) {
            vm.message = response.statusText + "\r\n"
            if (response.data.exceptionMessage)
            { vm.message += response.data.exceptionMessage }
            //validation errors
            if (response.data.error) {
                vm.message += response.data.error;
            }
        });

我是新来的有角的，任何帮助将不胜感激！

Answer 1

我建议避免使用ngResource模块，而直接使用$ http服务 。 如果服务器实现RESTful API ，则建议使用Restangular 。

也就是说，对于ngResource：

如果服务器返回数组，则使用isArray: true定义操作方法很重要：

app.factory("lookupResource", ["$resource", "appsettings", lookupResource])
function lookupResource($resource, appsettings) {
    return {
        lookupStaffTypes: $resource(appsettings.serverpath + "api/StaffTypes", null,
            {
                'staffTypes': { method: 'get',
                                isArray: true }
        })
    }
}

调用它：

$scope.staffTypeList = lookupResource.lookupStaffTypes.staffTypes();

//OR

$scope.staffTypeList = lookupResource.lookupStaffTypes.query();

重要的是要意识到调用$resource对象方法会立即返回一个空引用（对象或数组取决于isArray ）。 从服务器返回数据后，将使用实际数据填充现有引用。

如果服务需要一个对象但接收到一个数组，反之亦然，它将生成一个$ resource：badcfg错误 。 如果服务返回布尔值或字符串，则action方法将静默不返回任何内容。

使用接收到的对象（或数组）的$promise属性链接顺序操作：

$scope.staffTypeList.$promise.then(function(staffTypeList) {
    console.log(staffTypeList);
    //Do more stuff
});