javascript - AngularJS - Controller 和工厂 - 我在包含/注入(inject)函数时哪里出错了？

Question

我是 Angular 的新手，无法确定哪里出错了。我只是想简单地将我的工厂注入(inject)我的 Controller ，引用文献说:“无法读取未定义的属性‘validar’”。我有两个文件，ServiceUtil.js 有一个服务和 CentroCustoCtrl.js 我正在尝试使用服务的功能。

ServiceUtil.js 中的函数:

 (function () {
  'use strict';

  angular.module('Services', [])
  .service('ValidarFormulario', [function () {

      this.validar = function (form) {
          var valido = true;
         //code
          }
          return valido;
      }
  }]);

})();

和 CentroCustoCtrl.js

(function () {
 'use strict';

var app = angular.module("start", ['AxelSoft', 'ngLocalize',
       'ngLocalize.Config', 'mvComponentes','Services'])
       .value('localeConf', {
               basePath: '../Scripts/Locales', ...
 ...
 });
 app.controller('CentroCustoCtrl', ['$scope', '$http', 'ValidarFormulario', function ($scope, $http, $rootScope, $timeout, ValidarFormulario) {
   $scope.Salvar = function () {
    if (ValidarFormulario.validar(document.getElementsByTagName('input'))) { ...// Cannot read property 'validar' of undefined

  );

我试过 factory ，但也没有用:

angular.module('Services', [])
.factory('ValidarFormulario', [function () {

    return{
        validar : function (form) {
            var valido = true;
           //code
                }
            }
            return valido;
          }
      }
   }]);

})();

拜托，我很感激你能提供的任何帮助。

Answer 1

问题是你在 DI 内联数组中有错误的依赖序列，基本上它们在数量和序列上不匹配

app.controller('CentroCustoCtrl', ['$scope', '$http', 'ValidarFormulario',
    //removed $rootScope, $timeout which wasn't used.
    function ($scope, $http, ValidarFormulario) {

或者无论哪种方式，你都可以在数组中添加依赖项，如果它们真的要像下面这样在 Controller 中使用的话

app.controller('CentroCustoCtrl', ['$scope','$http','$rootScope','$timeout','ValidarFormulario', 
    function ($scope, $http, $rootScope, $timeout, ValidarFormulario) {