欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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