在angularJs中動態加載模塊

Question

如何動態加載模塊腳本。

我有2個JS文件：

module1.js 

(function() { 
    var mod = angular.module('module1', []); 
    .... 
})(); 

這是第二次：

module2.js 

(function() { 
    var mod = angular.module('module2', ['module1']); 
    .... 
})(); 

我想，當它在module2.js需要動態加載module1.js。

有什麼辦法可以用源URL「映射」模塊名稱？類似這樣的：

angular.registerModuleSource('module1', 'http://myhost.com/app/module1.js') 
angular.registerModuleSource('module2', 'http://myhost.com/app/module2.js') 

Answer 1

您可以使用require.js用於此目的。

Here is a good article on how to do it.

Answer 2

爲此使用require.js。所以你可以在運行時加載模塊。

鏈接 - http://requirejs.org/