如何在AngularJS中使用$ resource查询所有内容

Question

我不相信我了解如何正确使用Angular的服务。 我正在使用JAX-RS服务器端。

如果服务应该能正常工作（如从phonecat示例中获取的 ）...

angular.module('workstation.services', ['ngResource']).
    factory('WorkflowService', function($resource, apiUrl){
        return $resource(apiUrl+'/api/workflow/:uuid', {uuid:'@uuid'}, {});
    });

然后，如何查询所有工作流程？ 我无法使用WorkflowService完成此操作，因为它已经尝试过/api/workflow/:uuid 。 我需要基于另一个URL的另一个服务。

除非我使用错误，否则这似乎不太灵活。

我过去经常看到Service处理所有对数据的查询，并使用WorkflowService.getActiveWorkflows()类的方法来返回Workflow[]

但是我不确定如何组织此服务，因为我仍然想拥有与单个实体交互的方法，例如WorkflowService.save(workflow); 。 通过$resource的设计使其围绕特定的RESTful URL，很难正确地构造该结构...

Answer 1

从$ resource查看角度文档 ，阅读action参数。 它支持定义一个URL，该URL将覆盖特定操作的基本URL。

使用默认操作'queryAll'，您可以查询资源中的所有内容 。

例：

angular.module('workstation.services', ['ngResource']).
factory('WorkflowService', function($resource, apiUrl){
    return $resource(apiUrl+'/api/workflow/:uuid', {uuid:'@uuid'}, {
        queryAll: {
            url: apiUrl + '/api/workflow/getAllActive',
            method: 'GET',
            cache: false,
            isArray: true
        }
    });
});

Answer 2

我最终得到了这个解决方案...

这使我可以构建服务中所需的任何解决方案，同时仍然可以访问可用资源。

'use strict';

/* Services */

angular.module('workstation.services', ['ngResource']).
    service('WorkflowService', function ($resource, $http, apiUrl) {
        var service = new BaseService($resource(apiUrl+'/api/workflow/:uuid', {uuid:'@uuid'}, {}));

        /* Get all available workflows */
        service.getWorkflows = function () {
            return $http.get(apiUrl+'/api/workflow/getAllActive').then(function (response) { return response.data });
        }

        return service;
    });

/* Base service */
function BaseService(resource) {
    this.resource = resource
};
BaseService.prototype.getResource = function () { return this.resource }
BaseService.prototype.newResourceInstance = function () { return new this.resource }