AngularJS 模組載入

標籤：

AngularJS模組可以在被載入和執行之前對其自身進行配置。我們可以在應用的載入階段應用不同的邏輯組。
在模組的載入階段， AngularJS會在提供者註冊和配置的過程中對模組進行配置。在整個AngularJS的工作流程中，這個階段是唯一能夠在應用啟動前進行修改的部分。

angular.module(‘myApp‘, [])
　　.config(function($provide) {
});

使用config()函數的文法糖，並在設定階段執行。例如，我們在某個模組之上建立一個服務或指令時：

angular.module(‘myApp‘, [])       .factory(‘myFactory‘, function(){            var service = {};            return service;     }).directive(‘myDirective‘, function(){            return {                template: ‘<button>Click me</button>‘            }    })

AngularJS會在編譯時間執行這些輔助函數。它們在功能上等同於下面的寫法：

angular.module(‘myApp‘, [])       .config(function($provide ,$compileProvider) {                  $provide.factory(‘myFactory‘, function() {                var service = {};                return service;            });            $compileProvider.directive(‘myDirective‘, function() {                return {                        template: ‘<button>Click me</button>‘                };            });});

AngularJS會以這些函數書寫和註冊的順序來執行它們。

 

AngularJS 模組載入