AngularJS有几个特点，例如：

1个MVC

2模块化

3指令系统

4双向数据绑定

然后本文将研究AngularJS的模块化。

首先，我们来谈谈为什么要实现模块化：

1增加了模块的可重用性

2通过定义模块，可以定制装载顺序

3在单元测试中，不需要加载所有内容

在前面的例子中，控制器代码直接写在脚本标签中，所以声明的函数是全局的，这显然不是最好的选择。

让我们看看如何模块化：

脚本类型=' text/JavaScript ' var myApp module=angular . module(' myApp '，[])；myAppModule.filter('test '，function(){ return function(name){ return ' hello，' name '！'；};});myapp module . controller(' myapp ctrl '，['$scope '，function($ scope){ $ scope . name=' xingoo '；}]);/script首先，通过全局变量angular创建模块myAppModule

angular.module('myApp '，[])；

第一个参数是绑定应用程序的名称，它标识页面中的角度入口点，类似于主函数。

第二个参数[]标识依赖模块。

让我们看看如何使用该模块。

！doctype html html ng-app=' myApp ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/script src=' http :http://apps . bdimg.com/libs/angular . js/1 . 2 . 16/angular . min . js '/script/head body div ng-controller=' myApp ctrl ' { name | test } }/div script type=' text/JavaScript ' var myApp module=angular . module(' myApp '，[])；myAppModule.filter('test '，function(){ return function(name){ return ' hello，' name '！'；};});myapp module . controller(' myapp ctrl '，['$scope '，function($ scope){ $ scope . name=' xingoo '；}]);/script/body/html将myApp直接绑定到ng-app。

在脚本中，我们通过模块创建了一个过滤器和一个控制器。

过滤功能是添加字符串装饰。

控制器的功能是初始化变量。

程序运行结果如下：

以上是对AngularJS的模块化信息进行整理，后续继续补充相关信息。感谢您对本网站的支持！