Angularjs ocLazyLoad-master应用

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