Angular JS模块和架构设计:多索引.html



问题:

我有一个网站,里面有多个ng应用程序,每个ng应用程序都有一个独立的angular seed架构文件夹(这意味着每个文件夹都有自己的index.html(。现在他们之间共享模块很痛苦。每个应用程序都不能使用相同的bower_components或我编写的任何通用服务。我怎样才能做到这一点?

我的情况独特

为什么我要把它们放在不同的文件夹中,并使用它们自己的index.html?在我的情况下,不同的ng应用程序为不同类型的用户提供服务,他们通常会登录一个ng应用程序,一个并且只有一个。我不想为一个特定的ng应用程序加载所有文件。

我的试验:

我发现这篇博客文章有一个可用的体系结构。它只是使用一个MainApp模块来包含所有的子应用程序模块。但是,在启动时将所有子应用程序文件加载到一个index.html中不是很昂贵吗?因为angular在性能方面名声不佳。还是我太担心了?

问题是您有多个index.html,每个index.html中都有不同的模块?我理解正确吗?因此,您可以在主模块中使用Dependency Injection,如在链接中。然后你可以在他们之间共享所有数据。对于路由,你可以像以前一样使用ngRoute,或者更好的是使用更高级的ui路由器。根据您的性能问题,它取决于应用程序的大小,因此您应该告诉更多细节。而且你不需要一开始就加载所有的文件,你也可以在需要时动态加载一些文件。您可以使用jQuery getScript,如下所示:

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

相关内容

最新更新