31

私はangularJSが初めてです。angularJS を使用して phonegap アプリを構築することができました。アプリは問題なく動作しています。問題は、angularJS がどのように機能するかについて少し理解が深まったので (少なくとも私は理解していると思います)、アプリ ファイルの構造とコードの保守性について心配していることです。私のプロジェクトは角度シード パターンに従います。私がこの構造を持っているGitHubのAngular Seed ：

js
   app.js
   controllers.js
   directives.js
   services.js
   filters.js

angularJS を使用してアプリを構造化する方法を調査した結果、それに関する非常に優れた記事を見つけました: Building Huuuuuuge Apps with AngularJSおよびHOW TO STRUCTURE LARGE ANGULARJS APPLICATIONS

私の質問は私には非常にばかげているように思えますが、解決策を見つけることができませんでした。コントローラーをさまざまなファイルに分割することができたので、次の構造になりました。

scripts
    controllers
             LoginCtrl.js
             HomeCtrl.js
             AboutCtrl.js
             ClientCtrl.js

私が苦労しているのは、以前のアプリのように、controller.js ファイルが 1 つしかなかったことです。私の index.html ファイルでは、通常は script タグを使用してすべてのスクリプト ファイルを読み込みます。コントローラー用に 4 つの異なる .js ファイルができたので、それらを index.html ファイルにロードするにはどうすればよいですか? それらをすべてそこにロードする必要がありますか？

そのように index.html ファイル内のすべてのスクリプトをロードするのは正しくないように見えます (コードが 1 つのファイルで同じようにロードされることはわかっています。多くのスクリプト タグがそこに詰め込まれているのは奇妙です)。 . github で ng-boilerplate プロジェクトを見つけ、その index.html でスクリプトを動的にロードします。問題は、新しい ng-bolierplate を今すぐ開始できないことです。長文すみません。ありがとう！

4

2 に答える 2

12

index.html の独自のタグで各スクリプト ファイルを参照することは、間違いなく 1 つの方法であり、最も簡単です。ただし、よりクリーンなものが必要な場合は、Angular と RequireJS を組み合わせるためのさまざまなガイドのいずれかを参照してください。

http://www.startersquad.com/blog/angularjs-requirejs/

Angular.js で Require.js を使用することは理にかなっていますか?

このアプローチは主に、依存関係を満たすためにファイルをロードする順序の問題を解決することを目的としていますが、index.html をクリーンアップするという結果もあります...ただし、他の場所で追加の構成が必要になります。

于 2013-12-17T12:36:00.957 に答える