我们可以把一个应用程序分割成不同的模块,每个模块里面都可以包含控制器,服务,过滤器,还有指令这些东西。在设计大型应用的时候,可以按照应用的不同的功能,去设计不同的模块,也可以把重复使用的组件做成模块,比如指令,过滤器这些东西,然后我们可以再创建一个应用级别的模块,让它去依赖这些设计好的模块,这个模块里面,可以包含初始化的代码。
模块就是 Angular 用来把相关的代码打包,放到一个名字里面。
创建模块
创建一个模块可以使用 angular 的 module 这个方法,输入 angular.module ... 这个方法的第一个参数就是模块的名字 ... 我们先创建一个叫 myApp 的模块 ... 它的第二个参数是这个模块依赖的其它的模块,也就是如果想让这个模块拥有在其它模块上定义的功能,得把这些模块的名字放到这里 ... 这个参数是一个数组,如果没有依赖的模块,我们可以用一个空白的数组 ...
angular.module('myApp', []);
注意在定义模块的时候,我们必须要指定这个第二个参数 ... 去掉这个空白的数组 ... 这行代码的意思就是去找到在其它文件里面定义的一个叫 myApp 的模块 ... 意思就是去使用这个模块,而不是去定义一个模块。定义模块必须要指定这个模块的依赖,没有依赖的东西,就用一个空白的数组。
用模块引导
有了这个模块以后,我们就可以告诉 Angular ,用这个模块去引导应用,打开 index.html ,在这个文档的 html 元素上面,用了一个 ng-app ,这个属性现在没有指定值,这是自动引导应用的方法,如果你想使用一个特定的模块去引导应用,需要把这个模块的名字,作为这个属性的值 ....
<html lang="zh-hans" ng-app="myApp">
现在我们创建了一个空白的模块叫 myApp ,并且使用这个模块去引导应用程序,这个模块还不能做什么,在下面的视频里我们去在这个模块里面添加一个控制器。