Модуль измерения углового обслуживания не найден

Question

Я пытаюсь модулизовать свое угловое приложение и поместить некоторые сервисы внутри модуля. Everytime я стараюсь ссылаться на мою службе есть ошибка, говоря: Неизвестного поставщика: 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

Неправильно вводите службу в контроллер.

Это:

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; 
}; 

Answer 2

Вы инъекционное это услуг в вашем контроллере:

['$scope', '$http', '$filter','Utils']); 

Но вы передаете только эти услуги:

function benutzerUebersichtController($scope, $http, UtilsService) 

Так ваш UtilsService теперь ваш $ фильтр внутри контроллера.

Для того, чтобы исправить ситуацию, вы должны изменить.

function benutzerUebersichtController($scope, $http, $filter, UtilsService)