我需要一些帮助。我正在学习Angularjs并尝试创建一个服务。目前,我正在尝试将所有内容分离到它们的模块中。当我创建一个名为(bac.route-manager)的新模块并尝试在应用程序配置中将其注入为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());
});
我的route-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>
app.js
之前加载route-manager.js
。 - AlwaysALearnerbac
模块已经将bac.route-manager
定义为依赖项。 - Simon Belanger