問題タブ [oclazyload]

AngularJS でアプリケーションを作成しています。依存関係スクリプトを使用してアクティブ化する必要があるウィジェットが多数あります。スクリプトは、ビューのコンテンツが読み込まれた後に実行する必要があります。次の状態があります。

templateUrl:"views/dashboard.html" ファイルの読み込みが完了したら、JS ファイルを読み込みたいと思います。

私はAngularが初めてで、Flask Angularアプリの認証を理解しようとしています. この問題は、services.js の依存関係を明確に定義していないことに関連していると思います。

AngularJS エラーが発生しました。この質問について、もう少し詳しい情報を見ることができます。

今、私は見てError: ng:areq Bad Argument Argument 'loginController' is not aいます。services.js、app.js、controllers.js、directives.js が相互作用する方法に問題があります。しかし、私は問題が何であるかを理解できません。と関係があると思いますconfig.py。ここでコントローラーがどのように定義されているかに関係していると思います：

私が使用しているテンプレートも ocLazyLoad を使用しています。同様の問題が発生したと思います https://github.com/ocombe/ocLazyLoad/issues/182. たぶん、これはいくつかの洞察を与えるのに役立ちます。

ここに私のアプリの構造があります:

ここに私のservices.jsファイルがあります：

app.js は次のとおりです。

Config.js

Controllers.py

Directives.js:

アプリケーション ファイルの読み込みに ocLazyLoad を使用する基本的な Angular.js アプリがあります。sbAdminApp テンプレートのスケルトンを使用しています。

私の問題は、ng-click イベントでテンプレートを使用すると、クリック イベントが発生しないことです。関数の内容をビューに出力すると表示されるため、スコープの問題ではありません。

これが私のコードの一部です：

ocLazyLoad を使用してファイルをロードする場合:

これは importLotteries.html テンプレート ファイルです。

これはコントローラーのコードです：

結果ビューは次のようになります。

ご覧のとおり、関数はスコープに存在しますが、クリック イベントは発生せず、エラーは発生しません。

しばらくオンラインで解決策を検索しようとしましたが、見つけることができませんでした。

この問題をさらに調査したところ、イベント関数 (importLotteries) がスコープで未定義であることがわかりましたが、値を関数ではなく文字列に変更すると、スコープの値は正しくなります。

アプリへのログインに成功した後、ユーザーが利用できるすべての状態を から動的にロードしたいと考えていますapi/js。app.module動的にロードされる状態には、唯一の既知の状態であり、同じダウンロード内の他のすべての状態のルートである抽象的な状態が常に含まれます。

私の最初のアプローチは、ログイン後に oc.lazyLoad を使用することでした。正常に機能しましたが、ブラウザを更新すると機能しませんでした。次に、module.run で oc.lazyLoad を使用してロードしようとしましたが、機能しませんでした。

oc.lazyLoad を ui-router エクストラの futureState と一緒に使用しようとしましたが、動作させることができません。

$futureStateProvider私が望むことを行うことが可能である場合でも、構成方法について助けが必要です。

私は多くのAngularアプリケーションを構築しており、アプリのパフォーマンス、アーキテクチャなどを改善しようとするたびに.

一部の人々が従う1つの戦略は、すべてのJavaScriptファイルを1つの縮小ファイルに連結し、すべてのスタイルシートファイルも1つの縮小ファイルに連結することですが、これは遅延ロードの概念に反します。たとえば、angular oc lazyloadはこの方法で状態ファイルをロードします:

問題は、どのパターンが連結または遅延読み込みのパフォーマンスを向上させるかということです。

私たちはアプリがスケーラブルであることを好み、アプリを複数のモジュールに分割します。各モジュールには独自のコントローラー、サービス、およびルートがあります。App を呼び出すメイン モジュールがあります。

アイデアは、子モジュール ルートをアプリ ルートにバイクすることです。そのため、状態が発生したときに、適切なモジュールをロードする方法を認識します。

サブモジュールをインポートフォルダーに入れ、Test という名前を付けます

デモの場合、test.module.js にはサブ子のすべてのコードがコントローラー、ルートとして含まれています。

以下のブラウザ インスペクトでは、test.module.js:1SyntaxError: Unexpected token '<' を取得しました。

test.module.js を展開します

どうすればその問題を解決できますか?

Typescript 1.7、AngularJS 1.5.7、oclazyload 1.0.9、ui-grid 3.2.5、ui-router 0.3.1、requirejs 2.2.0 を使用しています。

まず、Angular 1.4.3 から 1.5.7 にアップグレードするまで、すべてが正常に機能していました。

私のコードでは、require config から次のようにソースを取り込みます。

必要な呼び出しが完了したら、Angular を構成してから手動でブートストラップを呼び出します。

ユーザーはログイン ページにアクセスしてログインし、ホームページに移動します。ホームページには ui-grid があるので、次のように状態が変化すると遅延ロード ( oc lazy loader ) します。

uiGrid は、次のように angular モジュールの config 呼び出しで構成されたことに注意してください。

これで Angular 1.5.7 を使用すると問題なく動作しますが、ページをリロードすると次のようになります。

これは 1.4.3 Angular では発生しませんでした。

これが発生するのは、angular-animate.js で $$animateJs の DI が定義されていないためです...したがって、表示されるエラー メッセージが表示されます。

oclazyload が問題なのですか。少し調べてみたところ、ブートストラップとモジュールを装飾する方法が貢献できるかどうかわかりませんでした。

助けてくれてありがとう。