2014-03-19 34 views
0

我想在同一个模块中创建多个服务,但在单独的文件中。我无法设法加载服务。请让我知道我错了:Angular JS服务

app.js:

angular.module('ngBoilerplate', [ 
    'ngBoilerplate.commonServices' ... ] 

services.js:

angular.module('ngBoilerplate.commonServices',[]); 

service1.js:

angular.module('ngBoilerplate.commonServices').service('egService', function() { ... 

service2.js :

angular.module('ngBoilerplate.commonServices').service('userService', function() {... 
+0

你怎么知道他们没有加载? –

+0

避免在模块名称中使用**。(点)**,请使用** _(下划线)**代替 –

+0

我收到一个错误,说它无法找到该服务的提供者 – TJF

回答

1

它可能是您的加载顺序。

假设你仅仅使用脚本标记和不requirejs或类似的东西,你的脚本标签应该按以下顺序对各模块工作,因为你已经定义:

<script src="services.js"></script> 
<script src="services1.js"></script> 
<script src="services2.js"></script> 
<script src="app.js"></script> 
+0

我正在使用grunt包含我的JS文件,并以错误的顺序添加它们。感谢您的帮助 – TJF

+0

我推荐使用带有角度的requirejs来处理这个问题。这里有一个示例项目https://github.com/tnajdek/angular-requirejs-seed – ricick