8

我正在编写一个与 REST 服务器交互的 AngularJS 客户端应用程序。

为了管理客户端/服务器交互，我使用了$resource抽象。实际上，我将每个资源都编写为一个单独的服务，并仅将其注入将要使用它的控制器中。

我已经开始使用angularjs-seed进行开发，所以在我的分离services.js文件中，我有越来越多的服务：

angular.module('testReqService', ['ngResource']).
    factory('TestReq', function($resource){
    return $resource('http://test-url.com/api/test', {}, {});
});
angular.module('registerService', ['ngResource']).
    factory('Register', function($resource){
    return $resource('http://test-url.com/api/user/new', {}, {});
});
//More services here...

一切正常，但我想知道这是否是最好的方法。

那么，最好为不同的REST请求编写单独的服务并将它们仅注入需要它的控制器中，或者更好的方法是为每个请求编写具有不同方法和 URL 的单个服务？

4

1 回答 1

12

我更喜欢第二种方法：

var resources = angular.module("myapp.resources", ['ngResource']);

resources.factory('Constants', [
    function() {
        return {
            RESOURCE_URL: "http://www.example.com/rest"
        }
    }
]);

resources.factory('Rest', ['Constants', '$resource', function(C, $resource) {
    return {
        Users: $resource(C.RESOURCE_URL + '/users/:id', {
            id: '@id',
        }, {})
        , Posts: $resource(C.RESOURCE_URL + '/posts/:user', {
              user: '@'
        }, {})
    }
}]);

当您有多个资源时，管理控制器中的所有依赖项变得非常烦人。这样，您所要做的就是注入一个。在我看来，阅读控制器时也更容易理解：

$scope.user = Rest.Users.get({id: 1});

更容易理解

$scope.user = Users.get({id: 1});
于 2013-09-19T14:04:33.413 回答