問題タブ [oclazyload]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ocLazyLoad プラグインを使用したコンポーネントおよびその他の依存関係のロード
私は AngularJS と ocLazyLoad プラグインを使用しています。そして、私は自分の問題の解決策を見つけることができません。
1つのコンポーネント（という名前component.js）とこのコンポーネントのコントローラー（別のファイルcomponentCtrl.js）を作成し、コントローラーで使用する定数を作成しました（別のファイルにもありますconstants.js）。そして、これらのファイルをロードする必要があります。次のようなものを使用すると：
私の依存関係は正常にロードされます。しかし、より多くのビューでこのコンポーネントが必要です。次に、このコードを何度も書かなければなりません。遅延読み込み関数で使用する前に、このリソースの配列を定義できますか?
モジュールがあれば、簡単です
しかし、このコンポーネント用の特別なモジュールはありません。このプラグインで可能ですか?
angularjs - Webpack、Components、および OclazyLoad を使用して ui-router でコンポーネントをロードする方法
現在、角度コンポーネントと ui-router 1.0.0 および Webpack 1 で OcLazyLoad を使用しようとしています。
ui-view="MainView"しかし、ビュー オブジェクトを使用して HTML ビューを正しく表示する方法がわかりませんui-view="rightMenuView"。次に、templateProvider、コントローラーなど (ui-router にある) の代わりにコンポーネントを直接ロードしたいと思います。多くのチュートリアルと既存のプロジェクトを調べましたが、このユース ケースの例は見つかりませんでした。
ここに私のコードスニペットのいくつかがあります:
webpack.config.js:
次に、これは私のpage1.component.jsです：
次に、モジュール page1.module.js:
次に、これは config.js (ui-router) です。
ご覧のとおりcomponent: 'page1'、component page1. あなたがより良い方法を見つけたら、私は耳を傾けます。主な問題は、表示されていない templateProvider のテンプレートです。URLしか見えません。Webpack で特定の方法で angular の templateCache を使用する必要がありますか? 前もって感謝します。
ところで：これはビューPage1です：
そして Webpack のビルドの一部:
page1.html が 2 回表示されます。これを回避する方法はわかりませんが、ブロックされていないようです。
そして最後に、これは私のpackage.jsonです。おそらくそれは役に立つかもしれません:
angularjs - ocLazyLoad と Angular UI Router
特定のネストされた状態に入ったときに、oclazyloadを使用して Angular コントローラーを動的にロードしています。
そのネストされた状態:
ビューの私の決意でそれを見ることができcontent@ます。
authHomeは次のように定義されます。
ヒットした ajax リクエストが表示され/homeC.js、適切な Javascript で 200 が返されます。
次のようになります。
しかし、私はエラーが発生します:
引数 'authhomeCtrl' は関数ではありません...
レイジーロードが正常にロードした場合、なぜ未定義なのですか?
私は何を間違っていますか？
jquery - angularjsでoc.lazyLoadが正しく機能しないことがありますか?
オンデマンドで css および js ファイルをロードする必要がある Angularjs プロジェクトに取り組んでいます。この目的のために、angularjs で oc.lazyLoad ライブラリを使用しましたが、ページがロードされたときに罰金が発生したり、ロードされたファイルでエラーが発生したりすることがあります。以下は私のコードです：
うまく動作する場合もありますが、ページをリロードすると次のようなエラーが発生します。
エラー: moment は関数ではありません DateRangePicker@ http://localhost/angular/angular/assets/global/plugin/bootstrap-datepicker/js/daterangepicker.js:34:26 $.fn.daterangepicker/<@ http:// localhost/angular/angular/assets/global/plugin/bootstrap-datepicker/js/daterangepicker.js:1615:40 .each@ http://localhost/angular/angular/assets/global/js/jquery-2.2.4. min.js:2:2859 n.prototype.each@ http://localhost/angular/angular/assets/global/js/jquery-2.2.4.min.js:2:843 $.fn.daterangepicker@ http: //localhost/angular/angular/assets/global/plugin/bootstrap-datepicker/js/daterangepicker.js:1611:9 @ http://localhost/angular/angular/js/controllers/DateTimePickerController.js:132:5 vf/this.$gethttp://localhost/angular/angular/assets/global/plugin/angularjs/angular.min.js:147:42 k@ http://localhost/angular/angular/assets/global/plugin/ angularjs/plugins/angular-ui-router.min.js:7:23267 y/k.compile/http://localhost/angular/angular/assets/global/plugin/angularjs/plugins/angular-ui-router.min .js:7:23401 vf/this.$gethttp://localhost/angular/angular/assets/global/plugin/angularjs/angular.min.js:147:483 v/y.transitionTo/y.transition<@ http ://localhost/angular/angular/assets/global/plugin/angularjs/plugins/angular-ui-router.min.js:7:18767 e/<@ http://localhost/angular/angular/assets/global/プラグイン/angularjs/angular.min.js:130:409 vf/this.$gethttp://localhost/angular/angular/assets/global/plugin/angularjs/angular.min.js:145:103 vf/this.$gethttp://localhost/angular/angular/assets/global /plugin/angularjs/angular.min.js:142:165 vf/this.$gethttp://localhost/angular/angular/assets/global/plugin/angularjs/angular.min.js:145:399 l@ http: //localhost/angular/angular/assets/global/plugin/angularjs/angular.min.js:97:248 K@ http://localhost/angular/angular/assets/global/plugin/angularjs/angular.min.js :101:373 gg/http://localhost/angular/angular/assets/global/plugin/angularjs/angular.min.js:102:397