問題タブ [oclazyload]

私は ocLazyLoad ライブラリを使用して、angular javascript/html ファイルを遅延ロードし、次のコード スニペットのようにモジュールに挿入しています。

このアプローチでは、ファイル システムから静的な html ファイルを取得します。しかし、私が望むのは、templateUrl:'/Home/Index' を設定することです。したがって、Home コントローラーの Index アクション メソッドが実行され、指定された .cshtml ページが razor でレンダリングされ、Angular ディレクティブを含む html が返されます。

これが私がやりたいことです。かみそりビュー:

サーバーからの応答:

この html に加えて、遅延ロードされた IndexController.js で、angular がその仕事を行います。

それは可能ですか？

私は ui-router と ocLazyLoad の初心者で、おそらくこの質問は簡単に解決できるかもしれませんが、ここに書いているのは、ブログを検索する運がなかったからです。私のアプリは ocLazyLoad で正常に動作しています。

これは、メインのapp.jsクラスの構成です。

今、私は同じクラスにこれ以上状態を置くのをやめたいと思っています。そうしないと、私の app.js は数か月で巨大になります。そこで、ここから「home-module」と呼ばれる別のモジュールにいくつかの状態を削除しました。

home.js

しかし、私はこのエラーが発生しています:ファイルhome.jsCould not resolve 'home.board' from state 'ini'が以前にロードされていないため、これは完全に理にかなっています。どうすればこれを解決できますか?.

アプリのすべての状態を独自のメイン app.js クラスに書き込むのが唯一の方法ですか?

Angular/Webpack/ocLazyLoad アプリを機能させようとしています。私のアプリコードは次のようになります。

しかし、$router に対して不明なプロバイダー エラーが発生します。コードは完璧にデバッグされ、コードの特定のポイントに到達しますが、Webpack で動作させることができません (実装する前は動作していました)。

前もって感謝します！

ここに私のコード。

出来た。しかし、私の問題は、マルチ js ファイルをロードすることです。たとえば、最初の js は 2 番目の js の前にコンパイルする必要があります。しかし、lazyload は、ファイルを注文したにもかかわらず、2 つ目の js を前にロードすることがあります。だから私はエラーが発生します。手伝って頂けますか。

ocLazyLoadアプリケーションに既に注入されているモジュールであるルート (およびコントローラー) に従って依存関係を遅延読み込みするために使用していますが、コントローラー内に依存関係注入を追加するにはどうすればよいですか? 出来ますか？

たとえば、私のコントローラーの 1 つでchart.js、angular.module への依存関係として注入する必要があるものも必要ですが、それはどのように可能で、どのようにすればよいですか? このコントローラー内のチャートのみが必要です。

私は ocLazyLoad を使用しており、いくつかの外部角度ライブラリ ( とChart.jsなどpascalprecht.translate) があり、ご存知のように、一般的な角度モジュールの依存関係の注入は次のようにする必要があるため、いくつかのルートでそれらを遅延ロードする必要があります。

今、私pascalprecht.translateは私の 1 つで遅延読み込みを行う必要があり、別のでcontrollers遅延読み込みを行う必要がありますが、モジュールにそれらを追加する必要がありますが、注入する方法がわからず、使用しませんchart.jscontrollermyApp$stateProvider

chart.jsが必要なコントローラーを試しました：

しかし、私はこのエラーが発生しました:

angular-chart.min.js:10Uncaught エラー: Chart.js ライブラリを含める必要があります。http://jtblin.github.io/angular-chart.js/ を参照してください。

遅延ロードされた Angular モジュールを Webpack で動作させようとしていますが、いくつか問題があります。1.bundle.js子アプリのコードを含む作成が表示されるため、Webpack は分割ポイントを正しく生成しているように見え1.bundle.jsますが、ページを読み込むときの要求は表示されず、子アプリは初期化されません。決して発火しているようには見えず、モジュールを初期化するconsole.logポイントに到達しているようにも見えません。$oclazyload

私が混乱しているいくつかのポイントがあります。

1) webpack はサーバーにリクエストを送信しますか、それとも 2 番目のバンドルを手動でロードする必要がありますか? （私は両方を試しましたが、どちらも機能しません）

2) バンドルを手動でロードする必要がある場合、どの順序でロードする必要がありますか?

3) の 3 番目の引数では、バンドルの名前を制御できるようになっていると思われますが、渡した文字列に関係なくrequire.ensureバンドルに名前が付けられます。1.bundle.js

require.ensure4)デバッガーでブロック内のコードをステップスルーできないのはなぜですか? そうすると、Chrome のソース ビューでこれを見ることになります。

(以下のコード)

メイン エントリ ポイント コード:

子アプリ:

このStackoverflowの回答に従って、遅延ロードされたライブラリをモジュールに注入できますが、答えは、1つのモジュールを（複数のファイルを使用しても）注入することを説明して操作するだけです。しかし、ルートがあり、そのルートに 2 つのライブラリを遅延読み込みしたい (ngMapおよびngFileUpload)

1 つの依存性注入を含む私のコードは次のとおりです。

しかしngFileUpload、このルートも必要ですが、遅延ロードする方法がわかりません。お願い助けて

どうもありがとうございました このウェブサイトは非常に便利で役に立ちます