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，如需轉載請自行聯系原作者