问题标签 [oclazyload]

I'm working with AngularJS and ocLazyLoad plugin. And I can't find a solution for my problem.

I have created one component (named as component.js) and controller for this component (in separate file componentCtrl.js) and then I have constants, which I use in controller(it's too in separated file constants.js). And I need to load these files. When I use something like this:

My dependencies is loaded fine. But I need this component in more views. Then I have to write this code again and again. Can I define this array of resources before using in lazy load function?

When I have module, It's simple

But I don't have special module for this component.It's possible with this plugin ?

我目前正在尝试将 OcLazyLoad 与角度组件以及 ui-router 1.0.0 和 Webpack 1 一起使用。

但我无法弄清楚如何正确地使用带有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 中的模板未显示。我只看到网址。我是否可以在 Webpack 中以特定方式使用 angular 的 templateCache ？先感谢您。

顺便说一句：这是第 1 页的视图：

以及 Webpack 构建的一部分：

我看到 page1.html 两次，我不知道如何避免这种情况，但我猜它似乎没有阻塞。

最后，这是我的 package.json，也许这很有用：

Right now in my index.html page I have links to two CDN files one being a JS and the other a CSS file.

i.e. in the the bottom of my body

and in the head

But right now they aren't needed on my homepage but just in one particular route. So I was looking into how I can lazy load these CDN resources when that routes gets hit i.e. /profile and only then ?

These aren't installed via bower or npm but just loaded via CDN url for example jquery. How in Angular 1 and Webpack can I lazy load that based on a route ?

当我进入特定的嵌套状态时，我正在使用oclazyload动态加载 Angular 控制器。

那个嵌套状态：

您可以在视图中的我的决心中看到它content@。

authHome定义如下：

我在我的 ajax 请求中看到/homeC.js被击中并使用正确的 Javascript 得到 200。

它看起来像这样：

但我收到一个错误：

参数 'authhomeCtrl' 不是函数...

如果lazyload成功加载它，为什么它是未定义的？

我究竟做错了什么？

在我们的一个项目中，我们正在尝试围绕 ngTable 库编写一个包装器！在这个组件的控制器中，我们使用ocLazyLoad加载ngTable。这是我们写的：

数据网格组件

带有 $ocLazyLoad 的 Datagrid 控制器（不起作用 :~| ）

没有 $ocLazyLoad (Works) 的 Datagrid 控制器

使用 ocLazyLoad，如果我在我们定义的行上设置断点，vm.tableParams当它被new NgTableParams设置和其他属性填充时，它们的属性中就会出现这个特定错误arguments。

这是指向$ocLazyLoad.then函数回调结束的异常错误！这是datagrid.js:47:7因为我们将这些 js 文件和另一个文件连接到datagrid.js：

对此有什么想法吗？！

我想我也许可以使用 ocLazyLoad 来解决我的问题，但无法从文档中轻松确定。我想做这样的事情：

使用模块定义如下：

我的问题是加载模块后，它在哪里加载？延迟加载的 javascript 是否可以访问 $scope、$http 和 socketManager？另外，如果我包含 html 文件，它是否呈现为控制器的一部分？

我在 oclazyload 示例中发现的类似的东西

当我在我的代码中使用“ocLazyLoad”时，如下所示：

js 和 css 文件都加载成功，但 js 文件中的脚本不起作用。

谢谢你的帮助。

我正在开发 Angularjs 项目，其中需要按需加载 css 和 js 文件，为此我在 angularjs 中使用了 oc.lazyLoad 库，但有时页面加载正常，有时它会在加载文件时产生错误。以下是我的代码：

有时它工作得很好，但是当页面重新加载时它会产生如下错误：

错误：时刻不是函数 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

我正在尝试注册一个通过 ocLoazyLoad 动态加载的控制器。

一旦我加载了 JS 文件，我如何告诉应用程序有一个新的控制器？

我在控制器内部执行此操作（加载模式时，我加载相应的控制器......）

我试图玩弄，$controllerProvider但没有任何效果。