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

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

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

应用模块

mainApp.js

var主app=angular。模块(' main app '，[])；

在这里，我们已经声明使用角度模块功能的应用程序mainApp模块。我们已经通过了一个空数组给它。此数组通常包含从属模块。

控制器模块

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}/style/headdy H2 angular js示例应用程序/H2 div ng-app=' main app ' ng-controller=' student controller '表边框=' 0输入名字：/TDT输入类型=' text ' ng-model=' student。名字'/TD/TRT输入姓氏：/TDT输入类型=' text ' ng-model=' student。姓氏'/TD/TRT名字：/tdtd { {学生。全名()} }

var主app=angular。模块(' main app '，[])；

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”。姓氏；} };});输出

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

以上就是AngularJS模块相关知识的资料整理，后续继续补充相关知识，谢谢大家对本站的支持！