模块内的 Angular 服务

Question

将一项服务注入另一项服务时遇到困难。我想要一个服务层次结构，为了简洁和封装，我可以在其中向父服务传递/请求逻辑。

例如，我有一个userService，我希望userService 来管理用户的toDoList。因此，我创建了一个 toDoService，并且我希望控制器通过将请求传递给 userService（将请求转发给 toDoService）来为用户添加 toDo。 这是我所拥有的：

// app.js
angular.module('myApp', [
    // other dependencies...
    'myApp.myServices'
]);

// services/toDoService.js
angular.module('myApp.myServices', [])
       .factory('toDoService', function($http) {

           getStuff = function(userId) {
                // returns $http call
           };

           addStuff = function(userId, data) {
                // returns $http call
           };
});

// services/userService.js
angular.module('myApp.myServices', [])
       .factory('userService', 
         ['$http', 'toDoService', function(
           $http,   toDoService) {

            addToDo = function(data) {
                toDoService.addStuff(user.uid, data)
                     .then(function(success) {
                         // apply bindings
                     })
                     .catch(function(error) {
                         // display error
                     });
            };

            getToDos = function(data) {
                toDoService.getStuff(user.uid)
                     .then(function(success) {
                         // apply bindings
                     })
                     .catch(function(error) {
                         // display error
                     });
            };
}]);

控制器与 userService 一起工作，并且 toDoService 中的代码最初在 userService 中时可以工作。但是当我创建 toDoService 并将该代码移动到那里并封装它时，Angular 会抱怨 toDoService。

错误：[$injector:unpr] 未知提供者：toDoServiceProvider <- toDoService <- userService

我已经检查了脚本参考，并且所有脚本都已正确包含在内。 例如

<script src='/[..]/toDoService.js' />

等等...

所以我想知道是否有可能将一个服务注入到同一模块中的另一个服务中？是我的命名约定有问题吗？

Answer 1

angular.module('myApp.myServices', [])

userService.js 中的这一行定义模块

myApp.services

，覆盖之前在

toDoService.js

中定义的模块。

仅定义模块一次（在单独的文件中）。使用

获取对先前定义的模块的引用

angular.module('myApp.myServices')

即没有空数组作为第二个参数。