Angular - define modules in multiple files

Question

I have the following in app.js

config = angular.module('config', [])
.constant('Constants', {
        Car: 'BMW', 
        Phone: 'G4'
});

services = angular.module('services', ['config']);
controllers = angular.module('controllers', ['config', 'services']);
app = angular.module('myApp', ['config', 'controllers']);

I want to move the "config" module definition to a separate file as I'm expecting it to grow bigger.

Is it possible to move the below portion to a separate file:

config = angular.module('config', [])
.constant('Constants', {
        Car: 'BMW', 
        Phone: 'G4'
});

Can have numerous files..not clear what the exact problem is or what you are asking. Should however be grouping modules as features not components — charlietfl
– charlietfl, Commented Aug 13, 2015 at 12:40
Is it possible ... shouldn't you just try it first? If you did what problems arose? — charlietfl
– charlietfl, Commented Aug 13, 2015 at 12:43
@charlietfl because we cannot "include" other files in javascript. — saravana_pc
– saravana_pc, Commented Aug 13, 2015 at 12:46

Deblaton Jean-Philippe · Accepted Answer · 2015-08-13 12:41:18Z

1

There is no problem with doing that.

You just need to make sure the config module will be loaded before the app module

answered Aug 13, 2015 at 12:41

Deblaton Jean-Philippe

11.4k4 gold badges53 silver badges68 bronze badges

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

Comments

sonnenhaft · Accepted Answer · 2015-08-13 12:40:58Z

0

You've chosen very bad structure for your angular app. Please check this url https://scotch.io/tutorials/angularjs-best-practices-directory-structure

And about your question. Instead of using caching variables just do next thing:

file0: angular.module('config',[]);
file1: angular.module('config').constant('Constants', {Car: 'BMW', Phone: 'G4'});
file2: angular.module('config').constant('Constants2', {Car: 'BMW', Phone: 'G4'});

answered Aug 13, 2015 at 12:40

sonnenhaft

1,6471 gold badge13 silver badges15 bronze badges

2 Comments

saravana_pc Over a year ago

I've not mentioned anything about my directory structure. It exactly matches the best practices.

Joe Lloyd Over a year ago

We can see your structure from the way everything has been declared, vlad is tottaly correct imo. the link he provided is very good aswell.

Collectives™ on Stack Overflow

Angular - define modules in multiple files

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related