AngularJS 模塊


模塊是應用程序各個部分的容器 - 控制器,服務,過濾器,指令等。

為什麼要使用模塊
大多數應用程序都有一個主要方法,可以實例化並將應用程序的不同部分連接在一起。
Angular應用程序沒有主要方法。
但是在AngularJs中,聲明性過程很容易理解,並且可以將代碼打包為可重用模塊。
模塊可以按任何順序加載,因為模塊會延遲執行。

聲明一個模塊

var app = angular.module('myApp', []);
// Empty array is list of modules myApp is depends on.
// if there are any required dependancies, 
// then you can add in module, Like ['ngAnimate']

app.controller('myController', function() {

  // write your business logic here
});

模塊加載和依賴關係

  1. 配置塊: - 在提供者和配置階段執行。

    angular.module('myModule', []).
    config(function(injectables) {
      // here you can only inject providers in to config blocks.
    });
    
  2. 運行塊: - 在創建注入器後執行並用於啟動應用程序。

    angular.module('myModule', []).
    run(function(injectables) {
      // here you can only inject instances in to config blocks.
    });