当前位置:首页 > 日记 > 正文

AngularJS实现异步加载实例代码的需求

AngularJS实现异步加载实例代码的需求
AngularJS通过路由支持多视图应用程序。它可以根据路由动态加载所需的视图。它在AngularJS文档详细介绍。因特网上有很多教程,所以我们不需要介绍它。

随着视图的不断增加,js文件将越来越多。AngularJS将需要加载所有JS默认。使用起来会很不方便。因此,按需模块的需求将变得越来越强。然而,AngularJS并没有实现按需加载。

我习惯seajs异步加载方式,并认为角也可以使用异步加载,但事实并不遵循。

Angularjs和requirejs,利用组织模块的方式是预加载(这懒加载和seajs相反),当越来越多的模块在单页应用,也意味着需要预加载的模块会越来越多,这也可能表明角更适合轻应用发展。

正式开始
我用角UI路由器的路由,模块加载器是requirejs
路由
{
状态:'login,
TemplateUrl:'login /登录HTML,
控制器:'loginctrl,
解决:{
RealCtrl:功能($ Q){
VaR DEF = q.defer美元();
要求({ / / /登录登录功能。JS的功能(loginctrl){ },
def.resolve(loginctrl)
});
返回def.promise;
}
}
},

/ / controllerprovider美元
app.config(功能($ controllerprovider){)
app.registercontroller = $ controllerprovider.register;

})

/ / logincontroler
App.registerController('loginctrl功能(范围){
做某事
});
按需加载方法实现角应用

我们有一个由角开发的系统,它是一个单页应用程序。随着系统的迭代,第一屏幕代码太大,所以系统被转换。

我们面临3个主要问题

1。你需要一个模块加载框架吗

2。异步加载后台页面组件,如何注册

三.什么时候加载页面组件

针对第一个问题,由于角度已经有了模块化的方案,模块加载框架是冗余的,整体转换比较大,所以不考虑。

所以只是一个加载脚本的方法是实现负载的组件。注意的一点是串并行加载多个文件时,和重复加载来避免页面重复。

第二个问题是鸡蛋疼。角有一个启动参数。domcontentloaded后,它会收集所有依赖注入的主要模块。
After starting, want to use controller, deractive, and other API, will be directly wrong

目前,解决这个问题的方法只有一种,即利用主模块的提供者主动注册控制器,但由于提供者不能直接使用,我们将其置于主模块下。
存储,它可以用来登记,异步加载页面的组件。缺点是所有子页面这样挂在主模块。

针对这第三个问题,由于操作平台是单页应用程序,最好的加载时间应该是路由监控到散列变化。然而,由于我们的路由是静态配置,所以在开始时我们没有找到任何好的方法。

后来才发现这种API
也许,在routechangesuccess美元,我们可以做些什么来把加载时间这里最好的。

具体的实现可能是它的方式。
此时,程序已经通过,剩下的是什么

1。整理代码,使代码更加通用,我们将来会开发一个新页面,只需要写在路线配置上就可以了。
2、转换现有页面。由于缺乏按需加载,不同页面之间的服务耦合严重。将来,当我们开发新页面时,我们应该注意到不同页面共享的服务最好放在组件下面。

三.更改结构以取代路由路径中的JS引用。

相关文章

PS使用一个面具来制作一些另类的或

PS使用一个面具来制作一些另类的或

面具,另类,效果,视频,电脑软件,接下来,小编将向您介绍PS使用掩模制造一些不同风格的图片或视频效果。教程产生的效果非常漂亮,难度也不是很大。建议你喜欢你的朋友一起学习。 在平时,我们可能经常被使用,它的面膜做了一些图片或视频的影响。这…

快速批量删除留言薄PPT基本教程ppt

快速批量删除留言薄PPT基本教程ppt

批量删除,教程,留言薄,快速,电脑软件,我们经常在网上下载一些PPT幻灯片,但是下载后发现这些幻灯片中有很多笔记和信息广告。当然,我们不可能把这些评论信息带到平台上,此时我们必须删除大量的信息,如果一页被删除,那是浪费时间。有没有好的方法…

如何使凹凸excel具有表格excel的基

如何使凹凸excel具有表格excel的基

凹凸,表格,基础,电脑软件,excel,在excel中有固定的格式供我们选择和使用。然而,这些系统的风格,虽然美观大方,但也有其局限性,如凹凸风格,但无所谓,没有现成的,我们可以自己做。今天,小编辑会打电话给你,形成凹凸式的形式。 1、选择A1和A2单元,切换到…

PS为一个漂亮女人做了另一件衣服。

PS为一个漂亮女人做了另一件衣服。

人做,衣服,漂亮,电脑软件,PS,本教程是向朋友介绍一个PS给漂亮女人做另一件衣服。这个教程很好,而且方法也不难。我推荐它。让我们一起学习。 对漂亮的衣服,简单的步骤让你学会给衣服的美女照片,方法是比较简单的,今天萧边分享美丽的衣服的操作…

使用ps移除中的水印或文本。

使用ps移除中的水印或文本。

文本,水印,移除,电脑软件,ps,本教程是向朋友介绍的,使用ps移除图片中的水印或文本技巧。这个教程真的很好。非常适合初学者学习。对于不懂操作的朋友,可以参考本文。希望你能喜欢。 如果你需要使用文本水印的图像资料,我们可以使用PS图象处理…

椭圆形按钮PS鼠标画超级纹理

椭圆形按钮PS鼠标画超级纹理

纹理,鼠标,按钮,电脑软件,PS,本教程是介绍超级朋友PS鼠标画的纹理的长椭圆形按钮,开关按钮教程使它非常好,不是很好,被认为是教程的一部分,一看 本教程教学习者使用PS鼠标绘制PS鼠标,绘制超强的椭圆按钮教程方法,画出开关纹理好,UI是一个基本介绍…

经典QQ搞笑签名推荐搞笑个性签名

经典QQ搞笑签名推荐搞笑个性签名

推荐,搞笑,个性签名,经典,电脑软件,无论是男孩,还是女孩,无论在QQ上,还是在空间里,微博,论坛,贴吧,总是给自己突出个性的个性签名,表达自己的情感,心情,这些QQ滑稽的签名是在他们日常生活中的写照、样子! 1,镜子是我最好的朋友,因为我哭的时候从来不笑。…

手绘卡通糖果海报

手绘卡通糖果海报

手绘,海报,卡通,电脑软件,本教程是向朋友介绍AI的手写,可爱的盘子和糖果卡通商业海报。这个教程画的海报很好,很可爱,难度也不是很难。建议你喜欢你的朋友一起学习。 本教程只是简单介绍了商业手绘海报法,使用人工手绘的糖果板卡通,并没有详细介…

ai绘制一个现实的蓝色运动鞋

ai绘制一个现实的蓝色运动鞋

绘制,现实,蓝色,电脑软件,ai,本教程是介绍给朋友,ai,绘制一个现实的蓝色运动鞋的方法。从课程中抽出的蓝色运动鞋非常漂亮,难度也有点大,这个过程稍微多了一些。它要求学习者耐心地学习并推荐他们。让我们一起学习。 今天,我们带来了一个切合实…

ai绘制一个漂亮的绿色卡通铅笔

ai绘制一个漂亮的绿色卡通铅笔

绘制,卡通,漂亮,电脑软件,ai,本教程介绍了一个朋友为ai绘制一个漂亮的绿色卡通铅笔的方法。这本教程画的铅笔很漂亮,难度也不大。建议像你这样的朋友可以从教程中学习。 本教程教AI学习者使用AI绘制一个漂亮的绿色卡通铅笔。这是一门入门基…

如何进行自动生成员工简历表Excel2

如何进行自动生成员工简历表Excel2

教程,自动生成,简历表,员工,电脑软件,目前,许多人仍然使用Excel2003软件,主要因为Excel2003目前是免费的办公软件,具有很强的实用性,基本上大多数的办公人员仍然使用Excel2003,我们为了让大家掌握操作技术,我们会提供一个小的全面的学习教程,这是…

悲伤的个性、友谊签名和感情签名

悲伤的个性、友谊签名和感情签名

悲伤,感情,个性,电脑软件,同学们,过去的生活,是一堆冰西红柿在树枝上,那迷人的酸甜永远不会结束。我希望能帮助你! 悲伤人格签名: 1。遇见你是我最美丽的意外。 2。没有比为朋友放弃生命更爱。 三.在欢乐中,朋友会了解我们;在患难时,我们会认识朋…