一、什么是模块@H_502_3@@H_502_3@
<span style="font-size:18px;"><!doctype html>
<html ng-app="myApp">
<head>
<script src="js/angular-1.3.0.js"></script>
<script src="mokuai1.js"></script>
</head>
<body>
<div>
{{ 'World' | greet }}
</div>
</body>
</html></span>
<span style="font-size:18px;">var myAppModule = angular.module('myApp',[]);
// configure the module.
// in this example we will create a greeting filter
myAppModule.filter('greet',function() {
return function(name) {
return 'Hello,' + name + '!';
};
});</span>
@H_502_3@
@H_502_3@
二、模块的加载和依赖@H_502_3@
利用模块可以做什么呢？我们可以用它来实例化控制器、指令、过滤器以及服务，但是利用模块类还可以做更多事情。如下模块配置的API方法：@H_502_3@
1.config(configFn)@H_502_3@
利用此方法可以做一些注册工作，这些工作需要在模块加载时完成。@H_502_3@
2.constant(name,object)@H_502_3@
此方法会首先运行，所以你可以用它来声明整个应用范围内的常量，并且让它们在所有配置（config方法）和实例（后面的所有方法，例如controller、service等）方法中可用。@H_502_3@
3.controller(name,constructor)@H_502_3@
它的基本作用是配置好控制器方便后面使用。@H_502_3@
4.directive(name,directiveFactory)@H_502_3@
5.filter(name,filterFactory)@H_502_3@
允许你创建命名的AngularJS过滤器，就像前面章节所讨论的那样。@H_502_3@
6.run(initializationFn)@H_502_3@
如果你想要在注射器启动之后执行某些操作，而这些操作需要在页面对用户可用之前执行，就可以使用此方法。@H_502_3@
7.value(name,宋体; line-height:25px"> 允许在整个应用中注射值。@H_502_3@
8.factory(name,factoryFn)@H_502_3@
如果你有一个类或者对象，需要首先为它提供一些逻辑或者参数，然后才能对它初始化，那么你就可以使用这里的factory接口。factory是一个函数，它负责创建一些特定的值（或者对象）。我们来看一个greeter(打招呼)函数的实例，这个函数需要一条问候语来初始化：@H_502_3@
function Greeter(salutation) {@H_502_3@@H_502_3@
@H_502_3@this.greet = function(name) {@H_502_3@@H_502_3@
@H_502_3@ @H_502_3@return salutation + ' ' + name;@H_502_3@@H_502_3@
myApp.factory('greeter',function(salut) {@H_502_3@
return new Greeter(salut);@H_502_3@
});@H_502_3@
9.service(name,宋体; line-height:25px"> factory和service之间的不同点在于，factory会直接调用传递给它的函数，然后返回执行的结果；而service将会使用"new"关键字来调用传递给它的构造方法，然后再返回结果。@H_502_3@
10.provider(name,providerFn)@H_502_3@
provider是这几个方法中最复杂的部分（显然，也是可配置性最好的部分）。provider中既绑定了factory也绑定了service，并且在注入系统准备完毕之前，还可以享受到配置provider函数的好处（也就是config块）。@H_502_3@
@H_502_3@
