問題タブ [angular-amd]

非常に基本的なプロトタイプ AngularJS プロジェクトを作成したので、それを移行して RequireJS を使用してモジュールをロードしたいと考えました。AngularAMDおよびAngularAMD-sampleプロジェクトに基づいてアプリを変更しました。

ここで、デフォルト ルートにアクセスすると、次のようになります。

「アプリ」への依存が満たされていない理由について頭を悩ませてきました。私が明らかに間違っていることを誰かが見つけることができれば、それは大歓迎です。

プロジェクトのソース コードをGitHubに置きましたが、重要な部分は次のとおりです。

main.js

app.js

そして、例外が発生しているファイル: login_form.js

私の主題が十分に説明的であるかどうかはわかりませんが、私がしていることを説明するために最善を尽くします. 私は本当に Angular を学び、理解したいと思っており、Backbone.js から来ています。

私のセットアップでは、RequireJS Angular と AngularAMD ( http://marcoslin.github.io/angularAMD/ )を使用しています。

外に出て、ビューディレクトリからさまざまなビューを取得するルートを使用して、ページを適切にセットアップしました。ただし、メインページからナビゲーションを引き出して、独自の外部ビューに配置しようとしています。

これは簡単だと思いますが、Angular に十分に精通していないだけです。navigationController が必要だと思っていますが、ルートのように外部ビューをロードする方法がわかりません。

したがって、私のURLが/の場合、home.htmlテンプレートと適切なコントローラーがロードされるということは非常に簡単です。ナビゲーション テンプレートをそこにロードして、すべてのページに含めるにはどうすればよいですか?ファクトリなどを使用する必要がありますか?

新しいプロジェクトに angularAMD を使用しようとしていますが、機能しません。

私は以下を持っています：

main.js

app.js

index.html スクリプト タグ

問題は、Module Unavailableエラーが発生し続けることです。

私はおそらく何か間違ったことをしていますが、angularAMD ホームページの例を確認すると、セットアップは問題ないようです..

誰かが私に解決策を教えてくれることを願っています!

この質問で公開されている問題とよく似た問題があります ( AngularJS : Initialize service with asynchronous data )。私の違いは、angularAMD を使用してスクリプトを非同期的にロードしていることです。次の app.config で上記のアプローチに適合することはできません。

編集1

これは私が達成しようとしているアプローチです: https://stackoverflow.com/a/21189057/2407203

編集2

詳細情報の追加: バックエンドとして webapi があります。これは、アプリケーションのセットアップに必要なあらゆる種類のビジネス ルールを提供するレガシー システムです。現時点で提供されている主な情報は次のとおりです。

1. $translateProvider( http://angular-translate.github.io ) を使用して、辞書に現在のカルチャを動的に読み込みます。すべてのテキストは、この辞書から取得する必要があります。
2. すべてのルート変更を監視し、返されたルールに基づいてアクセスを許可または制限するサービスがあります。
3. ルールに基づいて、いくつかの情報を画面に配置する必要があります。これらの情報はすべて、最初の html のディレクティブ内にカプセル化されています。
4. 一部の html コントロールは、ルールに基づいて表示される場合と表示されない場合があります。

私はAngularAMDライブラリを見てきましたが、本番環境で使用するためにコードを縮小する方法があるかどうか疑問に思っています.

Grunt 構成を持つAngularAMD サンプルを確認しましたが、残念ながら、ビルドの手順が機能せず、grunt setupステップでエラーが発生しています。そのため、このプロジェクトが、私が探しているような最小化されたコードを生成しているかどうかを確認できません。

サンプルの AngularAMDコードで使用しようとしたときに遭遇した問題は、従来、RequireJS を使用grunt-contrib-concatしてAngular プロジェクトを最小化しようとしたときに遭遇したものと同じであり、この 2 つを統合する方法に関するRavi Kiran のブログ投稿につながりました。

(たとえば、最初の Angular モジュールを作成する両方を定義appし、そのコントローラーを RequireJS モジュールとして定義すると、循環依存関係が発生するため、コントローラーを個別の関数として定義し、それらの関数を依存関係として Angular モジュールを作成するコードにリストする必要があります。そして、angular.module(...).controllerそれらのそれぞれを呼び出します。)