【懒加载如何同时加载多个文件】

懒加载如何同时加载多个文件

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

详细描述

截图

代码

var app = angular.module('app', ['ui.router','oc.lazyLoad','ui.bootstrap','ngAnimate','ngTouch','ngMessages','angularFileUpload']);
app.config(function ($stateProvider,$urlRouterProvider,$controllerProvider){
  app.controller = $controllerProvider.register;
  $urlRouterProvider.otherwise('/login');
  $stateProvider
  //登录页面
  .state('login',{
    url:'/login',
    templateUrl:'./html/login.html',
    controller:"loginctrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/login.js");
      }]
    }
  })

  // 后台主页
  .state('dashboard',{
    url:'/dashboard',
    templateUrl:'./html/dashboard.html',
    controller:"AccordionCtrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/dashboard.js");
      }]
    }
  })

  // 后台列表页
  .state('dashboard.list',{
    //url传参
    url:'/list?page&size&title&author&startAt&endAt&status&type',
    templateUrl:'./html/list.html',
    controller:"listctrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/list.js");
      }]
    }
  })
  
  //后台详情页
  .state('dashboard.detail',{
    url:'/detail?id',
    templateUrl:'./html/detail.html',
    controller:"detailctrl",
    resolve:{
      deps:["$ocLazyLoad",function($ocLazyLoad){
        return $ocLazyLoad.load("./js/detail.js");
      }]
    }
  });
});

编辑于2024-05-19

时间排序

热门排序

[散修弟子]Android-811
0

加载多个文件可以用中括号把几个文件写在里面，中间用逗号 , 分隔; 如：return $ocLazyLoad.load("[../js/list1.js,../js/list2.css,]");。

查看全部>

编辑于2019-03-19

去第页