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

javascript - 使用 AngularJS 和 $ocLazyLoad 加载视图或模板文件后加载依赖项

我正在用 AngularJS 编写一个应用程序。有很多小部件必须使用依赖脚本激活。脚本必须在视图内容加载后运行。我有以下状态;

我想在 templateUrl:"views/dashboard.html" 文件完成加载后加载 JS 文件。

0 投票
0 回答
417 浏览

javascript - 使用 oclazyload 和 $stateProvider 给控制器是未定义的

我对 Angular 很陌生,正在尝试找出 Flask Angular 应用程序的身份验证。我认为这个问题与我没有明确定义 services.js 依赖项有关。

我收到AngularJS 错误您可以看到有关此问题的更多信息。

现在我看到了Error: ng:areq Bad Argument Argument 'loginController' is not a。services.js、app.js、controllers.js 和directives.js 的交互方式有问题。但我无法弄清楚问题是什么。我相信这与config.py. 我认为这与控制器的定义方式有关:

我使用的模板也使用了 ocLazyLoad。我认为类似的问题发生了 https://github.com/ocombe/ocLazyLoad/issues/182。也许这将有助于提供一些见解。

这是我的应用程序结构:

在此处输入图像描述

这是我的 services.js 文件:

这里是 app.js:

配置.js

控制器.py

指令.js:

0 投票
1 回答
493 浏览

javascript - ng-click 事件不适用于 ocLazyLoad

我有一个基本的 Angular.js 应用程序,它使用 ocLazyLoad 来加载应用程序文件。我正在使用 sbAdminApp 模板的骨架。

我的问题是,当我使用带有 ng-click 事件的模板时,不会触发 click 事件。这不是范围问题,因为当我将函数的内容打印到视图时,它会显示出来。

这是我的一些代码:

使用 ocLazyLoad 加载文件:

这是 importLotteries.html 模板文件:

这是控制器的代码:

结果视图如下所示:

在此处输入图像描述

如您所见,该函数存在于范围内,但单击事件未触发,我没有收到任何错误。

我试图在网上搜索解决方案一段时间但找不到,所以任何帮助将不胜感激!

在进一步调查该问题后,我发现事件函数 (importLotteries) 在范围中未定义,但是当我将值更改为字符串而不是函数时,范围值是正确的。

0 投票
2 回答
1289 浏览

angularjs - 如何在定义模块时注入 AngularJS 模块依赖项而不在依赖项数组中声明它?

目前,我知道使模块依赖项可用的唯一方法是在声明模块时指定它们。例如:

当应用程序变大并且模块有很多依赖项、必须加载的库时,这就会成为一个问题。如果用户访问的第一页的任何模块都不需要这些库,那么似乎可以推迟这些依赖项以缩短加载时间。

任何意见,将不胜感激。

0 投票
1 回答
1210 浏览

angularjs - 动态加载 ui-router 状态

成功登录我的应用程序后,我想动态加载用户可用的所有状态api/js。动态加载的状态将始终包含一个抽象状态app.module,它是唯一已知的状态,并且是同一下载中所有其他状态的根。

我的第一种方法是在登录后使用 oc.lazyLoad。它工作正常,但刷新浏览器时不行。然后我尝试在 module.run 中使用 oc.lazyLoad 加载,但它不起作用。

我一直在尝试将 oc.lazyLoad 与来自 ui-router extras 的 futureState 一起使用,但我无法让它工作。

我需要一些关于如何配置$futureStateProvider的帮助,如果它甚至可以做我想做的事。

0 投票
2 回答
700 浏览

javascript - Angular 最佳实践:延迟加载与串联

我已经构建了许多 Angular 应用程序,每次我尝试提高应用程序性能、架构......等等。

有些人遵循的一种策略是将所有 JavaScript 文件连接到一个缩小文件中,并将所有样式表文件连接到一个缩小文件中,但这与延迟加载概念相反,例如 angular oclazyload以这种方式加载状态文件:

问题是哪种模式将提供更好的性能连接或延迟加载?

0 投票
1 回答
386 浏览

angularjs - 延迟加载模块

每当我尝试进入profile状态时,我都会被抛回home状态(控制台中没有错误)。

这是我的设置:

应用程序.js

profile.js

profile.html

0 投票
0 回答
190 浏览

angularjs - 流星角延迟加载模块

我们喜欢应用程序可以扩展,因此我们将应用程序分解为多个模块,每个模块都有它自己的控制器、服务和路由。我们有一个名为 App 的主模块。

我们的想法是我们将子模块路由骑到 App 路由中,所以当状态到来时,它知道如何加载适当的模块。

一个子模块,我们放入imports文件夹,命名为Test

对于演示,test.module.js 将其子子项的所有代码作为控制器、路由

在浏览器检查下面,我们得到了 test.module.js:1SyntaxError: Unexpected token '<'

展开 test.module.js

我们如何解决这个问题?

0 投票
1 回答
1125 浏览

angularjs - 使用 oclazyload、uigrid 和 nganimate 时,$$animateJs 不是函数

我正在使用 Typescript 1.7、AngularJS 1.5.7、oclazyload 1.0.9、ui-grid 3.2.5、ui-router 0.3.1、requirejs 2.2.0

首先,一切正常,直到我从 Angular 1.4.3 升级到 1.5.7

在我的代码中,我从需要配置中提取源代码:

一旦 require 调用完成,我将配置 angular,然后手动调用 bootstrap。

用户进入登录页面,登录,然后转到主页。主页有一个 ui-grid,所以我们对状态变化进行延迟加载(oclazy loader),如下所示:

注意 uiGrid 是在 angular 模块配置调用中配置的,如下所示:

现在这一切都可以使用 Angular 1.5.7 正常工作,但是如果我重新加载页面,我会得到这个:

这在 1.4.3 Angular 中没有发生。

粗略地看一下,当发生这种情况时,这是因为在 angular-animate.js 中 $$animateJs 的 DI 未定义......因此显示的错误消息

oclazyload 是不是问题,我看了一点,不知道它装饰引导程序和模块的方式是否有帮助?

提前感谢您的帮助。

0 投票
0 回答
127 浏览

angularjs - 如何在 Angular 1.5.7 中通过 ui.router 使用 ocLazyLoad?

我正在使用Angular 1.5.7开发一个 SPA 。在该应用程序中,路由是使用“ ui.router ”完成的。我为每个组件(如仪表板、用户、报告)都有一个单独的文件夹,每个文件夹都包含自己的组件和指令、视图和服务文件。

请就以下问题提供一些指导

  1. Angular 1.5.7是否支持$ocLazyLoad

  2. 如果它的支持者请分享一些有用的链接来学习ui.router

  3. 如何使用 Angular 1.5.7实现组件的延迟加载?

  4. Angular 1.5.7是否具有延迟加载组件的默认方法?

提前致谢..