【原】AngularJS 模块

　　AngularJS支持模块化方法。模块用于单独的逻辑表示服务，控制器，应用程序等。为保持代码简洁，我们在单独的 js 文件中定义模块，并将其命名为 module.js文件。 在这个例子中，我们要创建两个模块。

　　应用模块 - 控制器用于初始化应用程序。

　　控制器模块 - 用于定义控制器。

　　应用模块

　　mainApp.js

var mainApp = angular.module("mainApp", []);12复制代码类型：[html]

　　在这里，我们声明了使用 angular.module 函数的应用程序mainApp模块。我们已经传递一个空数组给它。这个数组通常包含依赖模块。

　　控制器模块

mainApp.controller("studentController", function($scope) {
   $scope.student = {
   firstName: "Mahesh",
   lastName: "Parashar",
   fees:500,
   subjects:[
   {name:'Physics',marks:70},
   {name:'Chemistry',marks:80},
   {name:'Math',marks:65},
   {name:'English',marks:75},
   {name:'Hindi',marks:67}
   ],
   fullName: function() {
   var studentObject;
   studentObject = $scope.student;
   return studentObject.firstName + " " + studentObject.lastName;
   }
   };
});1234567891011121314151617181920复制代码类型：[html]

　　在这里，我们声明了使用 mainApp.controller 函数的一个控制器 studentController 模块。

　　使用模块

<div ng-app="mainApp" ng-controller="studentController">..<script src="mainApp.js"></script><script src="studentController.js"></script>123456复制代码类型：[html]

　　这里我们使用 ng-app 指令和控制器使用 ng-controller 指令的应用模块。我们已经在主HTML页面导入 mainApp.js 和 studentController.js。