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");
    }