Angularjs ocLazyLoad-master 应用

来源:互联网 发布:流程图在线制作软件 编辑:程序博客网 时间:2024/06/01 16:10

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搭建了一套自己写的框架

原创粉丝点击