AngularJS 模块介绍

在 AngularJS 中，使用模块（module）来组织代码和功能。一个 AngularJS 应用通常由一个或多个模块组成。在模块中定义了控制器、服务、指令等组件，可以通过依赖注入的方式在应用中使用。

创建模块

可以使用 angular.module() 方法来创建一个模块。该方法接收两个参数：模块名和依赖列表（可选）。依赖列表指定了该模块所依赖的其他模块，可以是一个字符串数组或多个字符串参数。如果省略依赖列表，则表示该模块不依赖其他模块。

例如，以下代码创建了一个名为 myModule 的模块，该模块不依赖其他模块：

angular.module('myModule', []);

加载模块

在应用中加载模块之前，需要先将 AngularJS 脚本引入到页面中。可以通过以下代码来加载之前创建的 myModule 模块：

angular.module('myApp', ['myModule']);

其中，myApp 是应用的名称，可以自定义。第二个参数是一个字符串数组，表示该应用依赖的模块列表。在该数组中，必须包含 myModule 模块，否则会抛出错误。

使用模块

创建完模块之后，就可以在模块中定义组件了。例如，以下代码在 myModule 模块中定义了一个控制器 myController：

angular.module('myModule', [])
  .controller('myController', function ($scope) {
    // 控制器逻辑
  });

在该控制器中，依赖注入了 $scope 对象，表示控制器所在的作用域。通过 $scope 对象，可以将数据绑定到视图中，并处理用户交互。该控制器可以在应用的 HTML 中使用，例如：

<div ng-controller="myController">
  <!-- 控制器逻辑 -->
</div>

总结

AngularJS 模块是组织代码和功能的基本单元，可以通过 angular.module() 方法创建模块，通过依赖注入的方式在应用中使用模块中定义的组件。在应用中加载模块时，必须将所依赖的模块列出来。