Angular Bootstrap 后加载模块

Posted 2023-02-23

【中文标题】Angular Bootstrap 后加载模块

【英文标题】：Loading Module After Angular Bootstrap

【发布时间】：2015-03-10 20:20:46

【问题描述】：

我正在尝试在应用程序引导后加载和注入模块。例如，假设我的初始模块是：

angular.module('mainApp', []);

后来我意识到用户需要通过secondaryApp 提供的所有路线才能向他们开放。所以现在我需要我的模块看起来像这样：

angular.module('mainApp', ['secondaryApp']);

我成功懒加载了secondaryApp js文件，但是无法添加到mainApp中。我已经尝试将它添加到 requires 数组中，即

var app = angular.module('mainApp');
app.requires[app.requires.length] = 'secondaryApp';

这会将模块名称添加到 requires 数组，但 mainApp 仍然无法访问 secondaryApp 中提供的路由/状态。

有人有什么建议吗？我已经被这个卡住了一段时间了。

谢谢！

【问题讨论】：

Angular add modules after angular.bootstrap的可能重复

您链接到的帖子提到尝试将新依赖项推送到需要数组作为解决方案，这不是解决方案，我希望能找到一些新的答案

【参考方案1】：

需要明确的是，您不能多次定义 angular.module('mainApp', []);。

每次你声明一个具有依赖关系的模块时，它都会覆盖之前的声明。