問題タブ [angular-amd]

シングル ページ アプリに AngularAMD + RequirsJS を使用していますが、app.js ファイルにサービスを挿入するときに問題が発生します。

ここにコード：

login_service.js

app.js

run 関数で loginService にアクセスしたいのですが、「モジュール MyApp のインスタンス化に失敗しました」というエラー メッセージが表示され続けるためアクセスできません。

次のようにログインサービスファイルをロードしようとしました：

しかし、その後、アプリがログイン サービスで定義されていないという別のエラーが発生しました。

大変お世話になりました。

デビッド

typescriptを使用してrequirejsとともにAngularでサイトを設定しています。コントローラーを非同期にロードし、コントローラーを保持するスコープに変数を設定できるようになりました。

次のようにJavaScriptにコンパイルされます。

そして、私のビューテンプレートでは、変数テストに次のようにアクセスできます

ご覧のとおり、すべてにプレフィックス「vm」を付ける必要があります。少し効率が悪いと感じ始めています。タイプスクリプトのコントローラーをビューに直接バインドできるかどうかを知りたいので、スコープに保存してvmの前に付ける必要はありません。

私は単純にしようとしました：

しかし、ビューが読み込まれるとappcontrollerが見つからないというエラーがスローされます。

見つけた同様の質問をすべて調べましたが、このエラーの解決に役立つものはありませんでした:

エラー: [ng:areq] 引数 'loginController' は関数ではありません。未定義です。

以下は私のファイルです：

LoginController.js

app-config.js

main.js

ログイン.html

loginService.js

AngularJS + RequireJS を使用して、アプリケーションに authService をロードしようとしています。アプリには authService をロードする必要があり、authService にはアプリをロードする必要があります。しかし、負荷を適切に機能させることができないようです。

authProvider を使用するアプリケーションのメイン コントローラーを設定しようとしましたが、そうすると次のエラーが発生します。

authService をアプリに挿入しようとすると、次のエラーが発生します。

どちらのエラーも私には理にかなっており、なぜそれらが発生するのかを知っています。authService を app.js に含める以外に方法があるかどうかはわかりません(これは避けたいです)。

コード例を以下に示します。

app.js

authentication.js

config.js

index.html

私はrequirejsでangularAMDを使用しています.ng-tableモジュールをコントローラーに供給しようとすると、 Uncaught TypeError: Cannot read property 'module' of undefined from the ng-table module. が発生します。エラーの原因:

私のコードは次のとおりです。

resultController.js

results.html

私のハードルを説明するために、 少し裏話を。app.jsのメインモジュールへのディレクティブを含むすべてのrequirejsパスファイル（基本的にディレクティブ）を挿入していましたが、これは完璧に機能していました。やや似ている

すべてのディレクティブを定義し、それらをメイン モジュールに挿入しました。しかし、初期負荷を軽減するために、個々のコントローラーでいくつかのディレクティブを定義したいと考えています。何か方法があるはずです。右 ！！

そして、私のディレクティブjsファイルのコードは次のようになります..

そのため、app.js ではなくページ コントローラーで同じものを定義しようとすると、機能しません。ただし、この場合のファクトリ関数は機能しますが、ディレクティブは機能しないことに驚いています。

どんな助けでも大歓迎です。ありがとう

本当にこれに夢中になります：

AngularJS と RequireJS を組み合わせようとしています。何度か失敗した後、私はAngularAMDに目を向けました。基本的なプロセスに従いましたが、この厄介なエラーが発生し続けます。

モジュール ngStorage のインスタンス化に失敗しました: モジュール 'ngStorage' が利用できません! モジュール名のつづりを間違えたか、ロードするのを忘れました...

ngStorageは、シンプルなサードパーティの Angular モジュールです。

ここに私のmain.js があります：

そして私のapp.js :

アプリから他のすべてを削除しましたが、ここで失敗します...何が間違っていますか?

注：私も試しました：

しかし、私は得る：

angularAMD が初期化されていません。最初に angularAMD.bootstrap(app) を呼び出す必要があります。

カスタム ディレクティブを使用して、自分のプロジェクトで angularAMD モジュールを使用しようとしています。これらのディレクティブでは、アンダースコアなどの外部モジュールを使用する必要がありますが、これらのモジュールをディレクティブだけにロードすることはできません。

main.js

app.js

mpGrid.js (私のカスタム ディレクティブ)

mp-grid ディレクティブを使用するビューを読み込もうとすると、コンソールに次のエラーが表示されます。

(i18nService >,< と同じ)

誰でも私を助けてくれますか？

私はおかしくなりそうだ ：（

requirejs で angularjs を実装しようとしています。

私はこれに従っています。

成功しない！

パーシャルはロードされません。コンソールにエラーはありません。 Angularjs が機能していません。つまり、単純に HTML に {{1+2}} と記述した場合、3 は出力されませんが、{{1+2}} のように出力されます。

main.js

app.js

demo_angular.js (コントローラー)

注: requirejs を実装する前は問題ありませんでした。（私は遅延ロードを実装しようとしています）