AngularJS中的模块（module）

AngularJS中的module

  大部分应用都有一个主方法(main)来实例化、组织、启动应用。AngularJS中没有主方法，而是使用模块来声明应用该如何启动。模块允许通过声明的方式来描述应用中的依赖关系，以及如何组装和启动。

      一个模块可以引入另一个模块。在一个模块中定义多个服务，当引入这个模块时，就可以使用这个模块中的一个或者多个服务。

      AngularJS本身的一个默认模块叫ng，ng模块提供了$scope，$http等服务。服务只是模块提供的多种机制中的一种，其它的还有指令(directive)，过滤器(filter)，及其它配置信息。

module的定义

      angular.module(name,[requires],configFn);

      name为module的名字，requires表示模块的依赖模块，configFn会在module初始化时执行，可以在里面配置模块的服务，configFn若没有可以省略。

例子

<code>&lt;!DOCTYPE html&gt;</code>

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>meta</code> <code>charset</code><code>=</code><code>"utf-8"</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code> <code>ng-app</code><code>=</code><code>"app"</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>script</code> <code>src</code><code>=</code><code>"http://cdn.bootcss.com/angular.js/1.4.0-rc.2/angular.min.js"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>&gt;</code>

<code>    </code><code>var module1 = angular.module('app', []);</code>

<code>    </code> 

<code>    </code><code>&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

       定义了一个名为app的module，用属性ng-app声明app这个module的作用域是body内，并赋给变量module1，以便进一步操作这个module。

本文转自 iampomelo 51CTO博客，原文链接：http://blog.51cto.com/iampomelo/1666315，如需转载请自行联系原作者