AngularJS的模块

AngularJS的模块

模块

  • 模块定义了一个应用程序
  • 模块是应用程序中不同部分的容器
  • 模块是应用控制器的容器
  • 控制器通常属于一个模块

ng 中模块的引入最重要的目的就是为了解决原来全局定义的控制器污染的问题,还有一个目的就是让我们以模块的形式划分架构。

1
可以通过 angular.module() 方法操作模块 注意: 该方法只有在传入两个参数时才会创建模块,否则为获取已有模块

定义模块

定义一个模块:

1
2
// 注意:必须指定第二个参数,否则变成获取已定义的模块
var demoApp = angular.module('demoApp', []);

获取已有模块:

1
var demoApp = angular.module('DemoApp')

定义依赖别的模块的模块:

1
var demoApp = angular.module('DemoApp',['Module1','Module2'])

如何划分模块

常见:根据当前需要开发的应用程序的组成划分需要多少模块

例如:

- 注册模块
- 登录模块
- 商品列表页模块
- 商品详细页模块
- 等等

多个模块的形式

1
angular.bootstrap(document,['demo'])

正确的加载多个模块

1
angular.module('MainModule',['Module1','Module2','Module3'[,ModuleName]])

[完]

文章目录
  1. 1. AngularJS的模块
    1. 1.1. 模块
    2. 1.2. 定义模块
    3. 1.3. 如何划分模块
    4. 1.4. 多个模块的形式
    5. 1.5. 正确的加载多个模块
,