How to declare specific module with Angular

Question

I would to declare specific module because I load on every page all my angular files.. It's huge. I want to load specifically angular files on each page.

My app.js file that looks like this :

var testApp = angular.module(
'testApp', [
    'MainCtrl',
    'AdminCtrl',
    'UserCtrl',
    'ArticleCtrl',
    'ArticleService', 
    'MediaService',
    'UserService',
],
function($interpolateProvider) {
    $interpolateProvider.startSymbol('[[');
    $interpolateProvider.endSymbol(']]');
}
);

But it wants to declare modules that are no longer loaded. So instead of making a specific app.js for each page I need..

Anyone has a better idea ?

Thank you.

V31 · Accepted Answer · 2014-07-09 10:05:51Z

1

You can make use of requirejs where modules will be loaded on demand.

A very nice tutorial how to achieve this:

Lazy loading angular components

answered Jul 9, 2014 at 10:05

V31

7,6643 gold badges28 silver badges44 bronze badges

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

Collectives™ on Stack Overflow

How to declare specific module with Angular

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related