发表于: 2017-07-12 23:05:04

1 914


今天完成的事情:

学习angularJS oclazyload懒加载,将不同页面对应的controller内容拆为独立的js文件,在ui-routerresolve中使用懒加载,在需要的时候在进行加载。

明天计划的事情:

写页面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"]);
      }]
    }

   })

......




返回列表 返回列表
评论

    分享到