如何组织AngularJS服务

时间:2014-06-12 11:21:36

标签: angularjs

以下是关于AngularJS服务的文章:

  

Angular服务是连接在一起的可替代对象   使用依赖注入(DI)。您可以使用服务来组织和   在您的应用中共享代码。

AngularJS Services

“替换对象...在您的应用中共享”是否意味着您应该将这些服务存储在单独的javascript文件中,如果是这样,您如何将这些文件包含在AngularJS应用中?

1 个答案:

答案 0 :(得分:2)

您可以将它们存储在单独的文件中,但最佳做法是将模块中的可重用功能组合为一个文件:

我-module.js:

将相关服务,指令,工厂,过滤器,控制器等分组到可重复使用的模块中。

 var module = angular.module('myModule',[ /* dependent modules go here */ ]);
 module.service('service1', ...);
 module.service('service2', ...);
 module.factory('factory1,'...); 
 module.controller('myController', ...);
 etc

JS:

一旦模块中包含所有内容,请将您的模块添加为任何应用程序的依赖项:

var app = angular.module('app', ['myModule']);
...

<强> HTML:

确保在HTML中包含脚本文件。

<head>
     <script type="text/javascript" src="angular.js" />
     <script type="text/javascript" src="myModule.js" />
</head>
<body ng-app="app">

     <div ng-controller="myController"> // controller defined in myModule.js
         ... 
     </div>
</body>

为帮助确保指令之间没有命名冲突,请为模块指定唯一的前缀,并在指令中使用该前缀。在上面的示例中,前缀是“my”。