1.  **模块**
    2.     * 也是一个对象
    3.     * 创建模块对象： angular.module('模块名', [依赖的模块])
    4.     * 通过模块添加控制器：
    5.         * module.controller('MyController', function($scope){//操作$scope的语句})
    6.     一旦文件压缩，将不能使用，会报错。
    7.     * angular的整体设计也是多模块的
    8.         * 核心模块： angular.js
    9.         * 扩展模块： angular-router.js, angular-message.js, angular-animate.js

    w.gif

    1. <!DOCTYPE html>
    2. <html>
    4. <head lang="en">
    5.   <meta charset="UTF-8">
    6.   <title></title>
    7. </head>
    9. <body ng-app="myapp">
    10.   <div ng-controller="MyController">
    11.     <input type="text" ng-model="empName">
    12.     <p>员工名字1：{{empName}}</p>
    14.   </div>
    15.   <div ng-controller="MyController1">
    16.     <input type="text" ng-model="empName">
    17.     <p>员工名字2：{{empName}}</p>
    18.   </div>
    20.   <script type="text/javascript" src="../../js/angular-1.5.5/angular.js"></script>
    21.   <script type="text/javascript">
    22.     //链式调用
    23.     var myModule = angular.module('myapp', []).controller('MyController', ['$scope',function ($scope) {
    24.       $scope.empName = 'kobe'
    25.     }]).controller('MyController1', ['$scope',function ($scope) {
    26.       $scope.empName = 'dai'
    27.     }])
    28.   </script>
    29. </body>
    31. </html>
    1. //改进
    2.     angular.module('MyApp',[])
    3.             .controller('MyCtrl',['$scope',function (a) {
    4.                 a.empName = 'tom'
    5.             }])
    6.             .controller('MyCtrl1',['$scope',function (b) {
    7.                 b.empName = 'Jack';
    8.             }])