javascript - AngularJS $inject 服务注入(inject)错误

Question

我是 Angular 的新手，如果你能帮助我，我会很高兴。我将我的逻辑拆分为 2 个文件( Controller 和服务)。我的服务代码:

(function () {
    'use strict';    
     angular
        .module('app', [])
        .factory('authservice', authservice);

    authservice.$inject = ['$http', '$logger'];

    function authservice($http, $logger) {
        return {
            signInOwner: signInOwner,
            signUpOwner: signUpOwner
        };

        function signInOwner(owner) {

        }

        function signUpOwner(owner) {

        }
    };
})();

我的 Controller 代码:

(function () {
  'use strict';

   angular
      .module('app', [])
      .controller('SignUpController', SignUpController);

   SignUpController.$inject = ['authservice'];

   function SignUpController (authservice) {
     var vm = this;
  }
})();

我在 controller.js 之前包含了我的 services.js，但仍然出现关于错误的 authservice 依赖项的错误

angular.js:14362 Error: [$injector:unpr]

你能帮帮我吗？

Answer 1

使用此语法 angular.module('app', [])，您将覆盖模块创建。您应该使用 angular.module('app') 来检索它。

[] 应该只使用一次:在创建模块时。

---

来自Angular module doc :

Beware that using angular.module('myModule', []) will create the module myModule and overwrite any existing module named myModule. Use angular.module('myModule') to retrieve an existing module.