 <script type="text/javascript">
      var myAppModule = angular.module('myApp',[]);
      
      myAppModule.filter('test',function(){
        return function(name){
          return 'hello, '+name+'!';
        };
      });

      myAppModule.controller('myAppCtrl',['$scope',function($scope){
        $scope.name='xingoo';
      }]);
    </script>

　　首先，通過全局變量angular創(chuàng)建模塊myAppModule

angular.module('myApp',[]);

　　第一個(gè)參數(shù)是綁定的應(yīng)用app名稱，這個(gè)app標(biāo)識(shí)了頁面中angular的入口點(diǎn)，類似main函數(shù)的作用。

　　第二個(gè)參數(shù)[]里面標(biāo)識(shí)了依賴的模塊。

　　下面看看如何使用模塊吧！

<!doctype html>
<html ng-app="myApp">
  <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
  </head>
  <body>
    <div ng-controller="myAppCtrl">
      {{name | test }}
    </div>
    <script type="text/javascript">
      var myAppModule = angular.module('myApp',[]);
      
      myAppModule.filter('test',function(){
        return function(name){
          return 'hello, '+name+'!';
        };
      });

      myAppModule.controller('myAppCtrl',['$scope',function($scope){
        $scope.name='xingoo';
      }]);
    </script>
  </body>
</html>

　　直接綁定myApp到ng-app上，就可以了。

　　在script中，我們通過模塊創(chuàng)建了一個(gè)filter和一個(gè)控制器。

　　filter的作用是添加字符串修飾。

　　控制器的作用則是初始化變量。

　　程序的運(yùn)行結(jié)果如下：