1

質問：

複数の ng-apps が存在するサイトがあり、各 ng-app には angular-seedのアーキテクチャのスタンドアロン フォルダーがあります(つまり、各フォルダーには独自の index.html があります)。それらの間でモジュールを共有するのは面倒です。各アプリは、同じ bower_components や、私が作成した一般的なサービスを使用することはできません。どうすればこれを行うことができますか？

私の状態の独自性

それらを別々のフォルダーに分けて、独自の index.html を使用するのはなぜですか? 私の状態では、さまざまな ng-app がさまざまなタイプのユーザーにサービスを提供します。ユーザーは通常、1 つの ng-app、1 つだけにログインします。1 つの特定の ng-app のすべてのファイルをロードしたくありません。

私の試練:

このブログ投稿には、使用可能なアーキテクチャが含まれていることがわかりました。MainApp モジュールを使用して、すべてのサブアプリ モジュールを含めるだけです。しかし、起動時にすべてのサブアプリ ファイルを 1 つの index.html に読み込むのはコストがかかりませんか? angularはパフォーマンスの評判が悪いためです。または私はあまりにも心配していますか？

4

1 に答える 1

0

問題は、複数の index.html があり、それぞれに異なるモジュールがあることですか? 私は正しく理解しましたか？したがって、リンクのようにメインモジュールで依存性注入を使用できます。その後、それらの間ですべてのデータを共有できます。ルーティングには、前と同じように ngRoute を使用できます。さらに高度な ui-router を使用することもできます。パフォーマンスの問題によると、アプリケーションのサイズに依存するため、詳細を伝える必要があります。また、最初にすべてのファイルをロードする必要はありません。必要に応じて一部のファイルを動的にロードすることもできます。次のように jQuery getScript を使用できます。

    if ($("css-selektor").length){
    $.getScript("file.js");
    }
于 2015-09-19T14:07:02.503 に答える