Angular js模块和体系结构设计：多个index.html

Question

题：

我有一个站点，其中存在多个ng-app，每个ng-app都有一个独立的角度种子结构文件夹（这意味着每个文件夹都有自己的index.html）。 现在，在它们之间共享模块很痛苦。 每个应用程序都不能使用相同的bower_components或我编写的任何常见服务。 我该如何做到这一点？

我的条件的独特性

为什么将它们分开放在不同的文件夹中并使用它们自己的index.html？ 在我的情况下，不同的ng-app为不同类型的用户提供服务，这些用户通常会登录一个ng-app，一个也只有一个。 我不想为一个特定的ng-app加载所有文件。

我的试验：

我发现此博客文章具有可用的体系结构。 它仅使用MainApp模块来包含所有子应用程序模块。 但是，在启动时将所有子应用程序文件加载到一个index.html中会不会很昂贵？ 对于棱角有其不良的性能声誉。 还是我太担心了？

Answer 1

问题是您有多个index.html，并且每个中都有一个不同的模块？ 我理解正确吗？ 因此，您可以在链接中的主模块中使用依赖注入。 然后，您可以在它们之间共享所有数据。 对于路由，您可以像之前的sais一样使用ngRoute，甚至更好的是更高级的ui路由器。 根据您的性能问题，这取决于应用程序的大小，因此您应该告诉更多细节。 而且您不需要一开始就加载所有文件，也可以在需要时动态加载一些文件。 您可以像下面这样使用jQuery getScript：

    if ($("css-selektor").length){
    $.getScript("file.js");
    }