My current challenge involves loading and injecting a module after the app has been bootstrapped. Initially, my module looks like this:
angular.module('mainApp', []);
However, I later realized that I need to provide all routes available in secondaryApp to the user. Therefore, my module needs to be updated to include this:
angular.module('mainApp', ['secondaryApp']);
I have managed to lazily load the secondaryApp JavaScript file, but I am facing difficulties adding it to the mainApp module. I attempted to add it to the requires array like so:
var app = angular.module('mainApp');
app.requires[app.requires.length] = 'secondaryApp';
While this adds the module name to the requires array, the mainApp still does not have access to the routes/states provided by secondaryApp.
If anyone has any suggestions or solutions to this problem, I would greatly appreciate it as I have been stuck on this issue for quite some time.
Thank you!