AngularJs module模块简介

在AngularJs中，模块是定义应用的最主要方式。模块包含了主要的应用代码。

一个应用可以包含多个模块，每个模块都包含了定义具体功能的代码。

使用模块能给我们带来许多好处，比如：

1.保持全局命名空间的清洁；

2.编写测试代码更容易，并能保持其清洁，以便更容易找到相互隔离的功能；

3.易于在不同应用间复用代码；

4.使应用能够以任意顺序加载代码的各个部分。

AngularJs允许我们使用angular.modle()方法来声明模块，这个方法能够接受两个参数，第一个是模块的名称，第二个是依赖列表，也就是可以被依赖注入到模块中的对象列表。

andular.modle('myApp',[]);

注：这个方法相当于AngularJs模块的setter方法，是用来定义模块的。

angular.module('myApp');

注：这个防范用户获取应用，相当于AngularJs的getter方法，用来获取对模块的引用。

参数说明

1.name(字符串)

name是模块的名称，字符串变量。

2.requires（字符串数组）

requires包含了一个字符串变量组成的列表，每个元素都是一个模块名称，本模块依赖于这些模块，依赖需要在本模块加载由注入器 进行预加载。

实例1:

[html]  view plain  copy

1. <ul ng-app="myApp" ng-controller="myCtrl">  
2.     <li ng-repeat="x in items track by $index">  
3.         <strong>{{x}}</strong>  
4.     </li>  
5. </ul>  
6. <script>  
7.     //自定义模块  
8.     var app = angular.module('myApp', []);  
9.     app.controller('myCtrl', function ($scope) {  
10.         $scope.items = [1, 2, 3, 2];  
11.     });  
12. </script>  

实例2：

[html]  view plain  copy

1. <div class="alert alert-danger" ng-app="myApp" ng-controller="myCtrl">  
2.         {{a}}+{{b}}={{c}}  
3. </div>  
4. <script>  
5.     //自定义模块1,  
6.     angular.module('common', []).service('addition', function () {  
7.         this.add = function (a, b) {  
8.             return a + b;  
9.         }  
10.     });  
11.     //自定义模块2，依赖于模块一  
12.     var app = angular.module('myApp', ['common']);  
13.     app.controller('myCtrl', function ($scope, addition) {  
14.         $scope.a = 3;  
15.         $scope.b = 4;  
16.         $scope.c = addition.add($scope.a, $scope.b);  
17.     });  
18. </script>  

摘自：AngularJs module模块简介