【使用懒加载,登录成功跳转页面刷新后，部分文件失效。】

使用懒加载,登录成功跳转页面刷新后，部分文件失效。

我也踩过这个坑( 1 )

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

回答(0)

详细描述

截图

代码

var myApp = angular.module("myApp", ["ui.router",'oc.lazyLoad']);
myApp.config(function ($stateProvider, $urlRouterProvider) {
    //$urlRouterProvider.otherwise("login");
    $urlRouterProvider.when("", "/login");
    $stateProvider
        .state("login", {
            url: "/login",
            templateUrl: "login.html",
            resolve:{
                load:['$ocLazyLoad',function($ocLazyLoad){
                    return $ocLazyLoad.load(
                        {files:['../css/login.css',
                            '../js/controller/loginCtrl.js']}
                    );
                }]
            }
        })
        .state("backPage", {
            url: "/backPage",
            templateUrl: "backPage.html",
            resolve:{
                load:['$ocLazyLoad',function($ocLazyLoad){
                    return $ocLazyLoad.load(
                        {files:['../css/backPage.css']}
                    );
                }]
            }
        })
        .state("backPage.detail", {
            url: "/detail",
            templateUrl: "detail.html"
        })
        .state("backPage.list", {
            url: "/list",
            templateUrl: "list.html",
            resolve:{
                load:['$ocLazyLoad',function($ocLazyLoad){
                    return $ocLazyLoad.load(
                        {files:['../css/list.css']}
                    );
                }]
            }
        });
});

编辑于2024-05-16