javascript - Angular - 动态创建一个新模块，并将其注入(inject)到主应用程序的依赖项中？

Question

所以我希望在我的 Angular 应用程序中进行一些延迟加载——我想拉下渲染着陆页所需的所有内容，然后再拉下其余部分。

问题是，当我第一次运行应用程序时，似乎我必须预先定义所有 Angular 模块依赖项...

var myApp = angular.module('myApp', []);

// then, after 1st page render:

var myModule = angular.module('myApp.subModule', []);

现在如何将 myApp.subModule 注入(inject)到 myApp 的依赖项中？

谢谢!-丹尼尔

Answer 1

您可以为此目的使用 ocLazyLoad。 https://github.com/ocombe/ocLazyLoad

我的理解方式 - 您在代码中包含了 ocLazyLoad.js。然后，而不是 angular.module('app',['module1','module2']) 你的代码变成了 angular.module('app',['oc.lazyLoad'] )。

然后将 $ocLazyLoad 注入(inject) Controller 并像 $ocLazyLoad.load({name:'module1', files:['js/controllers/module1.js']},{name:'module2 ',files:['js/controllers/module2']}).

您可以在 github 页面上查看示例。