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

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

主应用程序。jsvar main app=angular。模块(' main app '，[])；在这里，我们已经声明使用角度模块功能的应用程序mainApp模块。我们已经通过了一个空数组给它。此数组通常包含从属模块。控制器模块

studentController.js

mainapp。控制器(' studentController '，函数($ scope){ $ scope。学生={名字： ' Mahesh '，姓氏： 'Parashar '，fees:500，学科3360[{名字： ' Physics '，标记：70}，{名字3: ' chemical '，标记：80}，{名字： ' Math '，标记：65 }，{名字3: ' English ' studentObject=$ scope student。返回studentobject。名为“studentobject”。姓氏；} };});在这里，我们已经声明采用学生控制器模块的mainApp.controller功能的控制器。使用模块

div ng-app=' mainApp ' ng-controller='学生控制器'.脚本src=' http : mainapp。js /脚本脚本src=' http : student controller。js /脚本在这里，我们使用ng-app指令和控制器采用ng-控制器指令应用模块。我们已经在主要的超文本标记语言页面导入mainApp.js和studentController.js。示例

下面的例子将展示上述所有模块。

testAngularJS.htm

html标题角度JS模块/标题样式表，th，td { border: 1px纯灰色；边界崩溃：崩溃；padding: 5px }表tr : th-child(奇数){底色： # f2f2}表tr : th-child(偶数){底色： # ffffff}/样式/头体H2安古拉js示例应用程序/H2 div-app=' mainApp ' ng-controller=' studentController '表边框=' 0输入名字：/TDT输入类型=' text ' ng-model=' student。名字'/TD/tr TRT输入姓氏：/tdtd { { student。全名()} }

var主app=angular。模块(' main app '，[])；studentController。jsmainapp。控制器(' studentController '，函数($ scope){ $ scope。学生={名字： ' Mahesh '，姓氏： 'Parashar '，fees:500，科目3360[{名字： ' Physics '，标记：70}，{名字3: ' chemical '，标记：80 '，{名字：60 ' Math '，标记：65 }，{名字3333333studentObject=$ scope。返回studentobject。名为“studentobject”。姓氏；} };});输出

在网浏览器打开textAngularJS.htm。看到结果如下。