问题标签 [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 投票
2 回答
1296 浏览

angularjs - 使用 oclazyload 更改版本时清除缓存

我在我的角度应用程序中使用 oclazyload,我也在我的应用程序中设置版本。因此,每当版本号更改时,我都需要清除缓存。有什么方法可以实现吗?

0 投票
0 回答
485 浏览

javascript - 如何通过 $ocLazyLoad 加载 Angular 插件?

我正在开发 MEAN 堆栈应用程序。我在应用程序中使用了外部角度模块。由于性能问题,我使用 $ocLazyLoad 模块在应用程序中加载模块明智的依赖项。它适用于我创建的自定义控制器、指令和服务,并且可以延迟加载。但是当我尝试使用外部角度模块时,它会返回一个错误。例如“reCAPTCHA”模块,用于将 google recaptcha 集成到应用程序中。它仅在一个地方使用,即注册。现在我需要全局包含在 index.html 中,它不必要地加载到应用程序的每个页面中。所以我不知道如何使用 $ocLazyLoad 加载外部角度模块。

如果我从 index.html 中删除依赖项并添加 $ocLazyLoadProvider 那么它会抛出一个角度模块依赖项的错误。谁能建议我如何解决这个问题?我无法找到此问题的解决方案。我的主要问题是我不知道如何使用 $ocLazyLoad 管理这个外部模块依赖项。我试图从 Internet 上找到,但无法在应用程序中进行管理。

应用程序.js

app.routes.js

索引.html

控制器.js

我正在按照以下方式在控制器中开发代码。

0 投票
1 回答
397 浏览

angularjs - Load resources in angular with oclazyload and webpack

I have a modular app who have multiple vendor plugins and I need to load only necessary in every view.

This is my routes:

I know how to include oclazyload resources without webpack, but now I need to include specific resources for every view. ¿How can do this?

0 投票
1 回答
536 浏览

javascript - 使用 Webpack 和 ocLazyLoad 进行代码拆分/延迟加载

我知道有一些解决方案可以通过 javascript using 进行检索System.import,但是我想使用指令版本,因此我们不必为每个模板创建一个控制器。

我想要实现的是提取作为条目文件发送的所有文件的列表,具有特定的扩展名,并获取它们的捆绑名称。

为简单起见,假设我有 3 个文件:

假设我的入口点和输出定义如下:

显然,我将在我的构建文件夹中得到 3 个文件,每个文件的文件名中都有一个自定义动态哈希,我无法将其输入到 ocLazyLoad 指令中。

在 main.entry.js 文件中,我有一个常量设置,我想用惰性文件的输出名称替换它。

预期的输出将是这样的:

一旦我可以获得输出路径名并将它们存储在主包中,我可以轻松地装饰原始的 ocLazyLoad 指令,首先通过部分字符串搜索这个数组,匹配时它可以返回整个文件名并正常请求它。

0 投票
2 回答
882 浏览

javascript - 控制器已在 DOM 中加载,但视图未加载且无法找到控制器 - oclazyload with jam(pugjs)

我将 angular 1.6 用于我的项目,使用 angular-ui-routing 使用 PugJs 进行 HTML 模板的路由。我正在尝试在我的应用程序中实现 Lazyload,但不知何故它不工作可能是由于玉。代码 :

控制器 :

在前端,我使用节点将这些玉转换为 HTML,因此当路由服务访问“templateUrl”时,它将被重定向到以下代码:

这会在视图中加载 example.jade。我在控制台中得到这个

[$controller:ctrlreg] 名为“exampleCtrl”的控制器未注册。

即使在 DOM 中加载了控制器文件并且视图也不会呈现。欢迎任何有关问题的帮助。谢谢

0 投票
0 回答
278 浏览

oclazyload - 使用 oclazyload 延迟加载服务

这是 index.html

上面的代码是要在运行时加载的模块。能够加载指令,但需要一些帮助才能加载服务。如何延迟加载 testApp.js 中定义的服务?这个你能帮我吗

0 投票
1 回答
619 浏览

javascript - 如何处理 404 - 在 ocLazyLoad 中找不到资源错误

我想知道如何处理ocLazyLoading中的资源加载错误。我尝试在我的$stateProvider. 有一个文件ctrl.js可供加载。另一个名为的文件iam-not-there.js正在尝试加载,但此资源不存在。

现在我想处理这个“加载”错误(即使资源加载出现错误,处理/捕获资源加载错误等等......)。如果我所有的资源都可以加载,它就可以正常工作。一旦无法加载一个资源,应用程序就不会继续解析状态。这是重现此问题的plnkr 示例。

0 投票
1 回答
35 浏览

angularjs - 什么是让延迟加载文件(* .ts)被编译的正确方法

当通过 oclazyloader 为 angularjs 延迟加载脚本文件时,例如

安迪我的 tsconfig.json 文件看起来像

webpack 内部定义的条目看起来像

让 webpack2 编译延迟加载文件 (*.ts) 的正确方法是什么?

起初我在 tsconfig.json 中有compileOnSave: true但这不需要与 webpack 结合使用吗?我错过了什么?

“loremCtrl.ts”是否编译并保存在“rootApp.js”中?我应该如何使用 webpack 来编译延迟加载的文件?

0 投票
0 回答
55 浏览

angularjs - 在 ui-router 中配置动态状态

我需要使用动态模板和 url 配置动态状态。

状态 s3 将是动态的。并且基于名称(s3),我需要以相同的名称(s3)加载 html 和 js 文件。有可能解决吗?,我搜索并想出了上面的代码,但不知道该怎么做。

0 投票
1 回答
174 浏览

javascript - ng-show/ng-hide 不适用于控制器的延迟加载

我正在使用 ocLazyLoad 加载状态。该状态的控制器在开始时具有此代码。

在 html 视图中我有这个

现在,当我的视图加载时,按钮不会隐藏。如果我记录 {{test.show"}} 它显示错误。但这不适用于按钮。

我在加载视图时尝试了类似的方法来执行控制器

但没有任何工作。

whileng-show/ng-hide不工作 ng-if 工作正常。我无法理解为什么 ng-show 不起作用并且ng-if起作用。我需要使用ng-show/ng-hide