【在路由文件之中如何配置懒加载 _angular基础】

在路由文件之中如何配置懒加载

我也踩过这个坑( 1 )

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

回答(1)

angular基础

详细描述

截图

代码

myApp.config(function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.when("", "home/hello");
  $stateProvider
    // 登录页
    .state("login", { url: "/login", templateUrl: "./html/Login.html" })
    // 列表主页
    .state("home", {
      url: "/home",
      templateUrl: "./html/Home.html",
      controller: "homeCtrl",
      resolve: {
        loadMyCtrl: function($ocLazyLoad) {
          return $ocLazyLoad.load(["./JS/Home.js", "./style/Home.css"]);
        }
      }
    })

编辑于2024-11-24

时间排序

热门排序

[深圳|结业弟子]JS-江雪茜

//封装成一个函数//默认情况下,原生的加载器会同时平行的加载你的那些文件,如果你需要按顺序加载你的文件,你可以使用参数serie: true
var lazyLoad = function (loadedfiles) {
  return function ($ocLazyLoad) {
    return $ocLazyLoad.load(loadedfiles, {serie: true});
  }};

$stateProvider
  .state('login',{
    url:'/login',
    templateUrl:'login.html',
    controller:'loginCtrl',
    resolve:{
      loadMyFile:lazyLoad([
        "JS/jstask5.js",
        "CSS/jstask5.css"
      ])
    }
  })

查看全部>

编辑于2018-08-31

去第页