Angular Js $injector:unpr 错误

Question

我是 angular 的新手，我正在尝试实施自定义服务。代码如下：

app.js

angular.module('hrg', [
  'ui.router',
  'ui.bootstrap',
  'ngTouch',
  'ngAnimate',
  'ngCookies',
  'hrg.home'
])

.service('userService', ['', function(){
//data
}])

home.js

angular.module('hrg.home', ['ui.router'])

.controller('HomeController', ['$scope','$http','$cookies','$state','consts', 'userService',
  function($scope, $http, $cookies, $state, consts, userService) {
  //data
}])

index.html

<script src="app.js"></script>
<script src="components/home/home.js"></script>

错误是：[$injector:unpr] http://errors.angularjs.org/1.5.0/$injector/unpr?p0=userServiceProvider%20%3C-%20userService%20%3C-%20HomeController

我做错了什么？

Answer 1

您在 userService 内联 DI 数组中放置了一个 ''，它要求 '' 是您问题的罪魁祸首。因为当您在控制器中注入 userService 依赖项时，angular 注入器会创建 userService 服务的实例。

当从 userService DI 数组解析依赖项时，它将 '' 传递给 injector，然后首先通过将其与 Provider 后缀连接来创建提供者名称，例如 ''+ 'Provider 结果为 Provider 作为依赖项名称 & 显然不存在这样的依赖项。所以 angular 抛出异常 $injector/unpr? 意味着 Injector unknown provider

更改以下服务代码

                    //VVVVVVV//unwanted '' blank dependency
.service('userService', ['', function(){
   //data
}])

到

.service('userService', [function(){ //removed `''` dependency
   //data
}])

Angular Js $injector:unpr 错误

Angular Js $injector:unpr error

javascript

angularjs

angularjs-service