How can I inject an AngularJS module dependency without declaring it in the dependency array when the module is defined?

Question

Currently the only way that I know of to make module dependencies available is to specify them when a module is declared. e.g.:

angular.module("myApp",["myDependentModule"]);

This becomes a problem when the app gets large and modules have a lot of dependencies, libraries that must be loaded. If these libraries aren't required for any of the modules that the first page the user visits, it seems that those dependencies could be deferred to improve load time.

Any advice would be appreciated.

Answer 1

Use angular.injector(...) https://docs.angularjs.org/api/ng/function/angular.injector

Mention and example is here:

 var injector = angular.injector(['someModule']);
 var someService = injector.get('someService');

AngularJS - Injecting factory from another module into a provider

Answer 2

you can use lazy load moduls. https://oclazyload.readme.io/docs