以下是关于AngularJS服务的文章:
Angular服务是连接在一起的可替代对象 使用依赖注入(DI)。您可以使用服务来组织和 在您的应用中共享代码。
“替换对象...在您的应用中共享”是否意味着您应该将这些服务存储在单独的javascript文件中,如果是这样,您如何将这些文件包含在AngularJS应用中?
答案 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”。