javascript - 找不到模块内的 AngularJS 服务

Question

我正在尝试模块化我的 AngularJS 应用程序并将一些服务放入模块中。 每次我尝试引用我的服务时，都会出现一条错误消息: 未知提供者:UtilsProvider <- Utils <- benutzerUebersichtController

我的代码是:

var utils = angular.module('Utils',[]);
utils.service('UtilsService', function () {   
    this.CurrentUser = 'Hello World';
});


var verwaltungApp = angular.module('verwaltungApp', ['Utils'])


verwaltungApp.controller('benutzerUebersichtController', ['$scope', '$http', '$filter','Utils', benutzerUebersichtController]);

function benutzerUebersichtController($scope, $http, UtilsService) {
$scope.Test = UtilsService.CurrentUser;
};

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="verwaltungApp">
  <div ng-controller="benutzerUebersichtController">
    <span>{{Test}}</span>
    </div>
  </div>

Answer 1

您没有在 Controller 中正确注入(inject)服务。

这个:

verwaltungApp.controller('benutzerUebersichtController', ['$scope', '$http', '$filter','Utils', benutzerUebersichtController]); 
function benutzerUebersichtController($scope, $http, UtilsService) {
    $scope.Test = UtilsService.CurrentUser;
};

应该是:

verwaltungApp.controller('benutzerUebersichtController', ['$scope', '$http', '$filter','UtilsService', benutzerUebersichtController]);

function benutzerUebersichtController($scope, $http,$filter, UtilsService) {
    $scope.Test = UtilsService.CurrentUser;
};