问题标签 [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.

0 投票
1 回答
1369 浏览

angularjs - 如何使用 ngRoute 从 angularjs 获取剃刀渲染的 html

我正在使用 ocLazyLoad 库来延迟加载 angular javascript/html 文件并将它们注入到我的模块中,如下所示:

通过这种方法,我从文件系统中获取静态 html 文件。但我想要的是设置 templateUrl:'/Home/Index' 所以 Home 控制器中的 Index 操作方法被执行,剃须刀渲染指定的 .cshtml 页面然后返回带有角度指令的 html。

这是我想做的。剃刀视图:

来自服务器的响应:

连同这个 html,延迟加载的 IndexController.js 然后 angular 将完成它的工作。

有可能这样做吗?

0 投票
2 回答
141 浏览

javascript - 使角度手动进入编译阶段

我正在使用 ocLazyLoad 在 Angular 中按需加载我的模块。这些模块完全不同,我们应该使用服务器检查我们应该加载哪个模块。在使用 ocLazyLoad 之前,我在我的主视图中加载了这些单独模块的所有连接的 js 文件。所以我们正在加载所有这些。

现在很明显我正在按需加载这些文件,这意味着它应该从服务器读取数据并查看应该加载哪些模块并加载一个兆字节的文件,最重要的是在 Angular 开始编译视图之前加载它。

我正在使用 ocLazyLoad 的承诺来 $compile 视图(正文),但是由于它被执行了两次甚至更多次,所以有时我的指令不起作用。

所以我想我有两个选择:

  1. 在 ocLazyLoad 注入和加载模块之后,使 angular 手动编译视图(我搜索了很多,但我找不到如何!)!

  2. 从服务器读取所需模块的列表,并在应用程序的可能运行阶段甚至在 angular.bootstrap 之前使用 LazyLoad。(我已经这样做了,但是由于 $http 请求是异步完成的,它有时会工作,并且在角度编译之前加载,有时不会)

如果您能帮我解决这个问题,我将不胜感激。

// 更新

请注意,我们没有使用 ui-router 或 ngRouter。我们每次使用 $resource 从服务器获取路由的状态。

0 投票
1 回答
1414 浏览

javascript - AngularJS、ocLazyLoad 和 ui-router:如何按需加载而不在主 app.js 类上集中“状态”

我对 ui-router 和 ocLazyLoad 很陌生,可能这个问题很容易解决,但我之所以写在这里是因为我没有运气在博客上搜索。我的应用程序现在使用 ocLazyLoad 运行良好。

这是我在app.js主类上的配置:

现在我希望停止在同一个类上放置更多状态,否则我的 app.js 将在几个月内变得巨大。所以我已经从这里删除了一些状态到我的另一个模块,称为'home-module':

主页.js

但是我收到了这个错误:Could not resolve 'home.board' from state 'ini'这完全有道理,因为文件 home.js 之前没有被加载。我该如何解决这个问题?

在我独特的主 app.js 类上编写我所有的应用程序状态,这是唯一的方法吗?

0 投票
0 回答
228 浏览

javascript - 如何通过 ocLazyLoad 状态加载服务、解析函数并将数据传递给控制器​​?

$stateProvider我想要的状态下:

  • 加载服务 JS 文件
  • 解析服务函数(API 调用)
  • 将结果数据传递给控制器

控制器/my-controller.js

配置.js

我希望控制器console.log从 MyService 执行的 API 调用返回的数据(为简洁起见,不包括在内,但该部分有效)。相反,我得到undefined.

有任何想法吗?谢谢!

0 投票
1 回答
91 浏览

angularjs - 如何让组件路由器 $router 与 Webpack 和 ocLazyLoading 一起使用?

我正在尝试让我的 Angular/Webpack/ocLazyLoad 应用程序正常工作。我的应用程序代码如下所示:

但我收到 $router 的未知提供程序错误。代码调试完美并达到了我的代码的特定点,但我无法让它与 Webpack 一起工作(它在我实现它之前工作)

提前致谢!

0 投票
0 回答
272 浏览

javascript - ocLazyLoad 角度同步加载js文件

这是我的代码。

有效。但我的问题是加载多个 js 文件。示例我的第一个 js 必须在第二个 js 之前编译。但是虽然我已经订购了文件,但lazyload有时会加载第二个js。所以我得到错误。你能帮助我吗。

0 投票
1 回答
356 浏览

javascript - 如何在控制器内部使用 ocLazyLoad 依赖注入?

ocLazyLoad习惯于根据路由(和控制器)延迟加载我的依赖项,这些模块已经注入到应用程序中,但是,如何在我的控制器中添加依赖项注入?可能吗?

例如,在我的一个控制器中,我chart.js还需要将其作为对 angular.module 的依赖项注入,但是,这怎么可能,我应该怎么做?我只需要这个控制器内的图表。

0 投票
1 回答
1184 浏览

javascript - 如何使用 ocLazyLoad 进行依赖注入

我正在使用 ocLazyLoad 并且我有一些外部角度库(LikeChart.jspascalprecht.translate),我需要在某些路由中延迟加载它们,如您所知,常见的角度模块依赖注入应该如下所示:

现在,我只需要pascalprecht.translate在我的一个controllerschart.js另一个延迟加载中延迟加载controller,但我仍然需要将它们添加到myApp模块但我不知道如何注入并且我不使用$stateProvider

我试过这个我需要chart.js的控制器:

但我得到了这个错误:

angular-chart.min.js:10未捕获错误:需要包含 Chart.js 库,请参阅http://jtblin.github.io/angular-chart.js/

0 投票
1 回答
1441 浏览

javascript - 使用 Webpack 延迟加载 Angular 模块

我正在尝试让延迟加载的 Angular 模块与 Webpack 一起使用,但我遇到了一些困难。Webpack 似乎正确地生成了分割点,因为我看到了一个1.bundle.js包含子应用程序代码的创建,但是当我加载页面时我没有看到任何请求1.bundle.js,并且子应用程序没有初始化。console.log似乎永远不会触发,它甚至似乎都没有达到$oclazyload初始化模块的地步。

有几点我很困惑。

1) webpack 会向服务器发出请求,还是我必须手动加载第二个包?(我都试过了,都不管用)

2)如果我确实需要手动加载捆绑包,它们应该按什么顺序加载?

3)第三个参数require.ensure据说可以让你控制包的名称,但1.bundle.js无论我传递什么字符串,包都会被命名。

4) 为什么我不能require.ensure在调试器中单步执行块内的代码?当我这样做时,我最终会在 Chrome 源视图中查看:

(代码如下)

主要入口点代码:

子应用:

0 投票
0 回答
99 浏览

angularjs - 如何使用 ocLazyLoad 在 Angular 应用程序中的一个路由中加载多个模块和依赖注入?

我可以根据这个Stackoverflow 答案将延迟加载的库注入我的模块,但答案只是描述和使用注入一个模块(即使有多个文件)。但是,我有一条路线,我想在该路线中延迟加载两个库(ngMapngFileUpload

这是我的一个依赖注入的代码:

但我也需要ngFileUpload在这条路线上,但我不知道如何延迟加载它。请帮帮我

非常感谢这个网站非常有用和有帮助