AngularJS - 使用 $resource 并与 RESTful 数据源交互

Question

我的previous topic 出现问题，我无法使用我的服务。

在做了一些研究之后，我终于找到了一种使用我的服务的方法。我仍然想知道为什么我使用 javascript 对象作为方法容器的其他方法没有成功。我有一些猜测，但找不到合适的解决方案。

希望你们能带领我走上正确的道路。

controller.js（工作解决方案）

angular.module('TodoApp.controllers', []).
controller('listCtrl', function ($scope, $location, todoApiService) {
    $scope.todos = todoApiService.query();
});

services.js（工作解决方案）

angular.module('TodoApp.services', []).
    factory('todoApiService', function ($resource) {
            return $resource('/api/todo/:id', { id: '@id' }, { update: { method: 'PUT' } });
    });

controllers.js（不工作的解决方案）

angular.module('TodoApp.controllers', []).
    controller('listCtrl', function ($scope, $location, todoApiService) {
        $scope.todos = todoApiService.getMyTodos.query();
    });  

services.js（不工作的解决方案）

angular.module('TodoApp.services', []).
    factory('todoApiService', function () {
        var todoApi = {};

        todoApi.getMyTodos = function ($resource) {
            return $resource('/api/todo/:id', { id: '@id' }, { update: { method: 'PUT' } });
        };

    return todoApi;
});

Answer 1

您应该：
将$resource 注入您的工厂函数，就像您在工作版本中所做的那样。然后您可以删除$resource 作为getMyTodos 的参数。

angular.module('TodoApp.services', []).
    factory('todoApiService', function ($resource) {
        var todoApi = {};

        todoApi.getMyTodos = function () {
            return $resource('/api/todo/:id', { id: '@id' }, { update: { method: 'PUT' } });
        };

    return todoApi;
});

然后从控制器：

angular.module('TodoApp.controllers', []).
    controller('listCtrl', function ($scope, $location, todoApiService) {
        $scope.todos = todoApiService.getMyTodos().query();
    });

或者，您可以将控制器中的 $resource 传递给 getMyTodos（在将其注入控制器之后） - 这样您的控制器将如下所示：

angular.module('TodoApp.controllers', []).
    controller('listCtrl', function ($scope, $location, todoApiService, $resource) {
        $scope.todos = todoApiService.getMyTodos($resource).query();
    });

我没有检查这是否有效，但它应该 :)