why define multiple module with same name in angularjs

Question

I am new at angularjs. I am looking an application code.

<html> 
 .....
<script src="/my/app.main.js"></script>
<script src="/my/app.messages.js"></script>
<script src="/my/app.misc.js"></script>
<script src="/my/app.properties.js"></script>

and in these javascript filse icluding angularjs modules same name.

main.js file

(function () {
    'use strict';

    var app = angular.module('ngCookService');

    app.run([.....
        function (....) {            

        }]);
})();

messages.js file

(function () {
    "use strict";

    var app = angular.module('ngCookService');

    app.config(['$stateProvider', function ($stateProvider) { 
       ................
    }]);
})();

All of these js files include ngCookService module. And modules defined in self-invoking functions.

How this system works? Does earlier defined modules overriding? or new defined app module kills earlier objects?

Anthony Chu · Accepted Answer · 2014-06-26 07:54:50Z

6

When called with just the name of the module, angular.module() is a getter method and retrieves an existing module with that name. Therefore calling angular.module('ngCookService') does not override or replace the module.

For the getter to work, somewhere before it the setter must have been called. This is done by calling angular.module() with more than 1 argument (for example, a list of required modules)...

angular.module('ngCookService', ['ngRoute']);

If the setter is called more than once, then the module is being overridden.

answered Jun 26, 2014 at 7:54

Anthony Chu

37.6k10 gold badges85 silver badges72 bronze badges

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

Collectives™ on Stack Overflow

why define multiple module with same name in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related