在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:

1. <ulng-app="myApp"ng-controller="myCtrl">
2.     <
   ling-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：

1. <divclass="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>