問題タブ [angular-seed]

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

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

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

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

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

私の services.js ファイルは非常に大きくなっていたので、個々のサービスを個別のファイル (service1.js、service2.js など) に分割するのが最善であると判断しました。

残念ながら、これは私の単体テストをすべて壊しました。サービスの依存関係をテストにインポートできなくなりました。単体テストを実行すると、次のようなエラーが表示されます。

これらの問題に対処する Web 上の記事を見つけることができません。私のアプリの構造は非常に標準的で OOTB であり、angular-seedと特に違いはありません(もちろん、サービスごとに個別のファイルを除いて)。

さらに情報が必要な場合はお知らせください。

ファクトリを使用してあるコントローラから別のコントローラにデータを渡そうとしていますが、何らかの理由でファクトリが角度シードで認識されません。ここに私の工場を宣言している app.js ファイルがあります

これが私がファクトリーデータを使用しているコントローラーです

問題は、 $scope.showVideo = function(scenario)私が呼び出すとき Data.setData(scenario);にエラーが発生することですTypeError: Object #<Object> has no method 'setData'

angular-seed プロジェクトに基づくプロジェクトで、単体テストを実行して./scripts/test.sh --log-level debugいますが、表示されるログ メッセージはアプリからのものではありません。それらを見るにはどうすればよいですか？私のアプリでは、でログインしてい$logます。

Angular Seed プロジェクトを IntelliJ にインポートしようとしていますが、そうすると、多数の個別のモジュールが作成されます。ディレクトリ構造のビューが必要なだけで、このモジュールのジャンクは忘れてください。それらはすべて私にとってフォルダーです。

IntelliJでこれを設定するにはどうすればよいですか? これは人々が Angular アプリケーションで行うことですか、それとも代わりに WebStorm のようなものに変更する必要がありますか?

angularサイトの基本的なサンプルアニメーションを動作させようとしています。コードをコピーして貼り付けますが、機能しません。

angular-animate.js (angular.js ファイル 1.2.15 と同じバージョン) をダウンロードして、コードにリンクします。animations.css ファイルを作成し、それを自分のコードにリンクしました (アニメーションがないだけで、チェックボックスをクリックするとスタイルが適用されるため、機能します)

ウェブサイトからコードをコピーして貼り付けるよりも

ここに私のコード index.html があります:

login.html

animations.css: (ウェブサイトと同じ)

login.css: (念のため)

app.js:

の回答と同様に、サービスにデータを保存しようとしています:

サービスで $http 応答を処理中

ただし、ログアウト後もサービスのデータが保持されていることに気付きました。したがって、まったく別のユーザーとしてログインして、表示されるべきではないデータを表示することができました。

ログアウト後にデータを消去するにはどうすればよいですか? もちろん、すべてのサービスのすべてを手動でクリアすることもできますが、「すべてのユーザー データをクリアする」などのより一般的なアプローチを探しています。ページを強制的に更新しようとしましたが、うまくいきましたが、生成されるフラッシュが気に入りません。

編集：例のコード