問題タブ [angularjs-module]

core、customer、およびadminという angularjs モジュールがあるとします。customerとadminの両方にcoreが含まれています。両方のモジュールのサイトで、コントローラー (HeaderController) を持つ同じヘッダーを使用する必要があります。ユーザーが顧客モジュールに裏打ちされたサイトにログインすると、コアモジュールのユーザー情報で定数を作成します。customerモジュール内のどこに行っても、その定数にはそこに配置したデータがあります。管理モジュールをサポートするサイトに移動するためのリンクがあり、管理者からのユーザー情報を使用してその定数にアクセスできるようにしたい(HeaderController 上)。以下に、私のコードのスニペットを示します。現在、顧客のすべてが機能していますが、管理者に移動すると、次のようになります。

エラー: [$injector:unpr] 不明なプロバイダー: currentUserProvider <- currentUser <- HeaderController

顧客用Index.cshtml

管理者用モジュール

お客様向けモジュール

currentUser (定数)にアクセスする必要があるコントローラー

angular.module がどのように機能するかについてはかなり明確ですが、これは何らかの理由で私を逃れます。

私のコードには次のものがあります

しかし、私のコードは、次のように、依存モジュールの配列がない場合にのみ機能します:

空の配列の必要性を常に理解しているため、問題の原因についての手がかりはほとんどありません。

同僚と、Angular js を使用してアプリケーションをセットアップすることについて話し合いました。

私は、アプリケーション全体で使用されるすべてのモジュールで使用されるグローバル共通モジュール アプリ (例: employeeApp) を作成できると言いました。したがって、共通のインジェクションが発生する必要がある場合は、それらを Common Module App にインジェクトし、個々のモジュールにインジェクトする必要はありません。

しかし、彼の目的は、グローバルな Common Module App を作成することではありませんでした。1. javascript ツール (例: jshint) によって問題が発生するグローバル変数。2. すべてのモジュールを独立させたい。特定のモジュールで問題が発生しても、他のモジュールには影響しません。

このアプローチをどのように見ていますか。どちらが他のものよりも優れています。?

私は、いくつかの共通機能を共有する一連のエンタープライズ スタイル アプリケーションに取り組んでいます。この例としては、並べ替えやブレッドクラムなどのナビゲーション バー機能があります。複数のモジュールを作成することでこれを可能にするのはかなり簡単に思えます。私が話していることの例plnkrがあります。

私の質問は、 app から app2 に値を送信する必要がある場合、どうすればよいですか? ある種のJSリスナーを作成するだけですか?

誰かが私のコードをざっと見て、何か足りないものがないかどうか教えてくれるかどうか疑問に思っていました。私は Angular.js を学ぼうとしており、有名なAngular.jsを 60 分のビデオで使用しています。ただし、私が抱えている問題は、角度がそれ以来更新されており、状況が少し異なることです。その結果、ルートを適切に編成するのに問題があります。事前に誰にでも感謝します。

私が本当に疑問に思っているのは、これらのルートを適切に機能させるために何が欠けているのか教えてもらえますか?

これは私のhtmlの私のスクリプトです。私はこの本をたどりました。結果として、それらは私の index.html ページ内のスクリプト タグです。

これは、ビュー #1​​ とビュー #2 にそれぞれ持っているものです。すべて正しいような気がしますが、顧客の名前が表示されません。

プロバイダーで角度サービスをすぐに使用できるいくつかのインスタンスを見てきました。

対

2つの違いは何ですか？リソースが暗示され、角括弧表記が必要ないのはいつですか?

編集：混乱がある例があり、ミニフィケーションを壊したくないので質問しています。

このライブラリ (Digital Bazaar / Forge) をプロジェクトに含めようとしています: https://github.com/digitalbazaar/forge

依存関係を含め、アプリからフォージ オブジェクトを利用できるようにするためangularjsに、コードを縮小して index.html にリンクを挿入する手順に従いました。

これは、クラウド環境 (cloud9 の nodejs プロジェクト) でテストすると正常に動作しますが、を使用してアプリをデプロイするPhonegap Buildと、依存関係とオブジェクトforgeがデバイスで利用できないようです。

私は何が間違っていて、それを解決する方法は?

高レベルの問題:

• 現在のユーザーが Google Plus にログインしているかどうかを知りたいです。

部分的な解決策:

• onload パラメータにコールバック メソッドを指定します。

  po.src = ' https://apis.google.com/js/client:plusone.js?onload=signinCallback ';

合併症：

• すべての Google Plus JavaScript コードを AngularJS プロバイダー内に配置しました。

特定の問題:

• onload パラメータにコールバック メソッドを付けたいのですがhttps://apis.google.com/js/client.js、AngularJS の run メソッド内で JavaScript の非同期フェッチが発生しています。

-> モジュールの初期化:

Google は非同期でフェッチすることを推奨していますがhttps://apis.google.com/js/client.js、私はそれに固執していません。しかし、Google+ 統合コードのほとんどを AngularJS プロバイダーまたは AngularJS サービスの内部に保持したいと考えています。

どんな助けでも大歓迎です。