AngularJS懒加载技术研究
最近收到调研需求,是关于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。
- 点赞
- 收藏
- 关注作者
评论(0)