发表于: 2017-07-12 23:05:04
1 914
今天完成的事情:
学习angularJS oclazyload懒加载,将不同页面对应的controller内容拆为独立的js文件,在ui-router的resolve中使用懒加载,在需要的时候在进行加载。
明天计划的事情:
写页面css样式。
遇到的问题:
想把<script src="js/angular-file-upload.min.js"></script>在进入新增/编辑页面的时候通过懒加载加载进来,但是有bug,第一次点击进入新增/编辑页面时会报错,再次点击进入就不会,这个应该是新增/编辑页面的js文件对angular-file-upload有调用,如果同时通过懒加载加载进来的话新增/编辑页面的js文件会调用不到,再次点击的话,因为第一次点击时已经把文件加载进来了,这时第二次点击就能过调用到angular-file-upload文件。如果在新增/编辑页面的前一个页面-即Article管理页面通过懒加载来加载angular-file-upload.min.js文件就没有问题。
收获:
学习了在路由中使用懒加载,在index页面中就可以不用通过script引入使用懒加载的文件了。
angular.module('myApp',['ui.router','oc.lazyLoad'])
.config(function ($stateProvider,$urlRouterProvider) {
$urlRouterProvider.when('','/login');
$stateProvider
.state('login',{
url:'/login',
templateUrl:'tpls/login.html',
resolve: {
loadMyFile: ["$ocLazyLoad", function($ocLazyLoad) {
return $ocLazyLoad.load(["js/AppJS/login.js"]);
}]
}})
......
评论