Load module dynamically in angularJs

Question

How can I load module script dynamically.

I have 2 JS files:

module1.js

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

This is the second:

module2.js

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

I want to load the module1.js dynamically when it is required in module2.js.

There are any way to "map" modules name with the source URL? Something like this:

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

meadowstream · Accepted Answer · 2014-11-06 11:13:23Z

3

You can use require.js for this purpose.

Here is a good article on how to do it.

answered Nov 6, 2014 at 11:13

meadowstream

4,1592 gold badges22 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

RahulB · Accepted Answer · 2014-11-06 11:18:42Z

0

Use require.js for this purpose. So you can load modules at run time.

Link--http://requirejs.org/

edited Nov 6, 2014 at 11:18

answered Nov 6, 2014 at 11:10

RahulB

2,1101 gold badge21 silver badges28 bronze badges

Collectives™ on Stack Overflow

Load module dynamically in angularJs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related