Angularjs ocLazyLoad-master 应用

最新推荐文章于 2018-09-18 18:29:43 发布

lxysoid

最新推荐文章于 2018-09-18 18:29:43 发布

阅读量213

点赞数

分类专栏： angularjs 文章标签： angularjs

本文链接：https://blog.csdn.net/lxysoid/article/details/77888230

版权

angularjs 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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'
                                    ]);