angularjs未知错误:未知提供者：
我需要一些帮助。我正在学习Angularjs，并试图创建一个服务。目前，我正试图将模块中的所有内容分离开来。当我创建一个名为bac.路由管理器的新模块并尝试将它作为RouterService注入到应用配置中时，我会发现一个错误，我不理解它的含义，也不知道如何修复它。我的所有其他东西似乎都能工作，除了当我试图添加这个模块时，这个未知的提供者只有在我尝试注入它之后才会出现。如有任何帮助，请见谅。
我的错误
Uncaught Error: Unknown provider: RouterService from bac我的app.js文件
angular.module('bac', [
'bac.route-manager'
])
.config( function bacAppConfig( $routeProvider, RouterService ) {
//I dont knwo if i can do this but right now it doesnt matter because of error
console.log(RouterService.getRoutes());
});我的路由-Manager.js文件
angular.module('bac.route-manager', [])
.service('RouterService', function() {
this.getRoutes = function() {
return {
"/login": {
templateUrl: 'app/modules/login-manager/partials/login.tpl.html',
requiredLogin: false
},
"/dashboard": {
templateUrl: 'app/modules/dashboard-manager/partials/dashboard.tpl.html',
controller: 'DashboardController',
requiredLogin: true
}
};
};})；
我使用grunt来生成html文件中包含的js，但是下面是为了简洁而删除大量内容的样子。
我的index.html
<html lang="en" class="no-js" ng-app="bac">
<body>
<ng-view></ng-view>
<script type="text/javascript" src="vendor/angular/angular.js"></script>
<script type="text/javascript" src="app/app.js"></script>
<script type="text/javascript" src="app/modules/dashboard-manager/dashboard-manager.js"></script>
<script type="text/javascript" src="app/modules/route-manager/route-manager.js"></script>
</body>
</html>回答 1
Stack Overflow用户
发布于 2013-08-16 14:57:36
在config阶段，声明的服务还不可用。只有使用provide声明的人才会通过serviceNameProvider (在您定义的名称之后添加Provider )。例如：
.provide('RouterService', function() {
var service = { };
var routes = {
"/login": {
templateUrl: 'app/modules/login-manager/partials/login.tpl.html',
requiredLogin: false
},
"/dashboard": {
templateUrl: 'app/modules/dashboard-manager/partials/dashboard.tpl.html',
controller: 'DashboardController',
requiredLogin: true
}};
service.getRoutes = function() { return routes; };
this.$get = function() { return service; }
this.setupRoute = function(data) { /* something here */ };
};当您获得提供程序时，在this上定义的所有方法都是可用的。当您访问正常服务时，注入的是$get函数的返回。根据需要，您需要更改服务以使用provide，或者要求在run方法中注入服务：
angular.module('bac', ['bac.route-manager'])
.config(function ($routeProvider, RouterServiceProvider) {
// Here, only RouterServiceProvider.setupRoute will be available
}).run(function (RouterService) {
// Here, the service singleton return with the $get function will
// be injected
console.log(RouterService.getRoutes());
});编辑
作为附带说明，我认为即使您将RouterService定义为service，请求RouterServiceProvider仍然有效，但不会出现任何方法，因为service本质上是只返回$get中函数的包装器。
https://stackoverflow.com/questions/18276189
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号