Angularjs ocLazyLoad-master应用
程序员文章站
2023-08-11 23:56:35
angularjs oclazyload-master 应用
在项目应用中由于加载的页面较多,而自己使用angularjs1.x搭建的时候在主页面加载所有的js文件,导致当js文...
angularjs oclazyload-master 应用
在项目应用中由于加载的页面较多,而自己使用angularjs1.x搭建的时候在主页面加载所有的js文件,导致当js文件多的时候,主页面加载过于慢,导致用户观感很不好。
而在查找时,找到了oclazyload-master这个,虽然自己只是简单的使用,但基本解决了自己的问题
<script src="angular/oclazyload/oclazyload.min.js"></script>
在主页面中引入该文件
由于我是使用了主页面只加载一级页面,然后再在一级页面转入到二级页面
.state('project', { url: '/project', templateurl: 'project/projectview/project/project.jsp', controller: 'projectctrl', resolve: { loadmyctrl: ['$oclazyload', function ($oclazyload) { return $oclazyload.load(['project/projectview/teamproject/teamproject.js','project/projectview/mineproject/mineproject.js','project/projectview/mineminssion/mineminssion.js','project/projectview/minegantt/minegantt.js','project/projectview/teammission/teammission.js','project/projectview/teamgantt/teamgantt.js']); }] } })
在一级页面中我需要跳转二级页面
所以在一级页面的时候加载我需要的js文件
然后并且在jsp页面写上app的添加
app = angular.module('app', [ 'ngresource' ,'app.resource' ,'app.services' ,'app.routes' ,'app.project' ,'app.project.teamproject' ,'app.project.mineproject' ,'app.project.mineminssion' ,'app.project.minegantt' ,'app.project.teammission' ,'app.project.teamgantt' ]);
之前所加载过的不知道去掉是否有影响,需要试验
添加我所需要加载的二级页面
试验成功
部分页面代码无法套用,因为用angularjs1.x搭建了一套自己写的框架