AngularJS懒加载技术研究

举报
Jet Ding 发表于 2020/09/28 18:07:08 2020/09/28
【摘要】 最近收到调研需求,是关于ocLazyLoad的替换研究。我们先来看看这个库是干什么的。

最近收到调研需求,是关于ocLazyLoad的替换研究。我们先来看看这个库是干什么的。

使用ocLazyLoad可在AngularJS工程中按需加载模块和组件(懒加载)。

1      安装

1.1    下载

下载ocLazyLoad.js。它可以在git仓库的'dist'文件夹中找到。你也可以用bower install oclazyload或者npm install oclazyload来安装它。

1.2    模块添加

将模块添加到你的应用程序中:

var myApp = angular.module("MyApp", ["oc.lazyLoad"]);

 

1.3    按需加载

加载模块的基本例子:

   myApp.controller("MyCtrl"function($ocLazyLoad) {

        $ocLazyLoad.load('testModule.js');

      });

 

使用$ocLazyLoad,你可以加载angularjs模块,但如果你想加载任何组件(控制器/服务/过滤器/......),而不需要定义一个新的模块(只要确保你在一个现有的模块中定义这个组件)。

2      穷途末路

AngularJS程序库作者已经开始征集其他感兴趣的程序员来代替他维护这个程序库,他本人已经准备转换到Angular

 

3      对此类程序库的分析

就目前的情况来看,Angular 1已经被Angular所取代。那么处理Angular 1项目的重构问题的最好办法是用Angular技术。

Angular本身是支持懒加载的。

所以目前我的建议是不需要寻找这个程序库的替代品。

正确的做法是逐步的把现有的Angular 1代码转化成Angular


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。