当前位置: 首页 > 面试题库 >

AngularJS如何减轻模块化?

易风华
2023-03-14
问题内容

我一直在使用AngularJS的种子应用程序,并且注意到该应用程序的大多数依赖项(控制器,指令,过滤器,服务)都已预先加载。我想知道如何将Angular应用模块化为较小的字节,除非需要,否则不会加载依赖项。

例如,如果我有一个带有购物车的大型应用程序,添加/编辑送货地址,搜索结果,产品详细信息,产品列表等…购物网站上的用户可能永远不会遇到这些视图中的任何一个,但是看起来就像(从种子应用程序)在启动时加载了所有这些视图的代码。

AngularJS如何减轻模块化?


问题答案:

最近,我一直在使用require模块和angular,并且实现了部分和控制器的延迟加载。

无需对Angular源(版本1.0.2)进行任何修改即可轻松完成。

库:https://github.com/matys84pl/angularjs-requirejs-lazy-
controllers

还有一个使用Charles Fulnecky制作的yepnope(https://github.com/cmelion/angular-
yepnope
)的实现。



 类似资料:
  • 主要内容:创建模块,添加控制器,AngularJS 实例,添加指令,AngularJS 实例,模块和控制器包含在 JS 文件中,AngularJS 实例,myApp.js,myCtrl.js,函数会影响到全局命名空间,什么时候载入库?,AngularJS 实例模块定义了一个应用程序。 模块是应用程序中不同部分的容器。 模块是应用控制器的容器。 控制器通常属于一个模块。 创建模块 你可以通过 AngularJS 的 angular.module 函数来创建模块: < div ng-app= "my

  • 本文向大家介绍AngularJS 模块,包括了AngularJS 模块的使用技巧和注意事项,需要的朋友参考一下 示例 模块充当应用程序不同部分(例如控制器,服务,过滤器,指令等)的容器。其他模块可以通过Angular的依赖项注入机制来引用模块。 创建一个模块: []上例中传递的数组是依赖的模块列表 app,如果没有依赖关系,则传递Empty Array ie []。 注入一个模块作为另一个模块的依

  • 本文向大家介绍详解AngularJS 模块化,包括了详解AngularJS 模块化的使用技巧和注意事项,需要的朋友参考一下 学习要点: 控制器模块化 指令模块化 过滤器模块化 服务模块化 定义值模块化 使用模块工作 第一步:创建一个模块 在视图中应用模块 第二步:定义值 第三步:定义服务 第四步:定义控制器 将控制器应用于视图 第五步:定义指令 将指令应用于视图 第六步:定义过滤器 将过滤器应用于

  • 问题内容: 我需要为AngularJS编写一个自定义模块,但是我找不到关于该主题的任何好的文档。如何为AngularJS编写一个可以与他人共享的自定义模块? 问题答案: 在这种情况下,您认为文档无法再为您提供帮助,一个很好的学习方法是查看其他已经构建的模块,看看其他人是如何做到的,他们如何设计架构以及如何将它们集成到其中。他们的应用。 在查看其他人的工作之后,您至少应该有一个起点。 例如,看看任何

  • 问题内容: 我对angularjs相当陌生,但现在就开始了。我可以通过angularjs窗体中的两个日期,但是我需要做的是以某种方式减去两个日期以得到两者之间的天数差异。我创建了一个jQuery函数来执行此操作,但是我不知道如何将两个日期传递给该函数。所以我想知道是否还有其他方法可以解决此问题? 我正在尝试根据两个日期之间要设置样式的某些天之间的天数来设置触发器系统。例如,如果要在10天内使用 样

  • 问题内容: 当使用angular 1.2代替1.07时,以下代码不再有效,为什么? 问题出在喷射器配置部分(app.config)中: 如果我没记错的话,这个问题是从1.1.6开始的。 问题答案: 该问题是由于缺少ngRoute模块而引起的。从1.1.6版开始,它是一个单独的部分: