【ui路由使用懒加载,登录成功跳转页面的时候不加载index,html引入的库 _angular基础】

ui路由使用懒加载,登录成功跳转页面的时候不加载index,html引入的库

我也踩过这个坑( 1 )

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

回答(0)

angular基础

详细描述

截图

代码

<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
    <title>JS-Task6</title>
</head>
<body>
<div ui-view></div>


<script src="component/angular.min-1.6.3/angular.min.js"></script>
<script src="component/ocLazyLoad.min-1.0.4/ocLazyLoad.min.js"></script>
<script src="component/angular-ui-router-0.4.3/angular-ui-router.js"></script>
<script src="component/jquery.min-1.11.0/jquery-1.11.0.min.js"></script>
<script src="component/angular-messages-1.5.3/angular-messages.js"></script>
<!--<script src="component/ocLazyLoad.min-1.0.4/ocLazyLoad.min.js"></script>-->
<script src="app.js"></script>
</body>
</html>

//入口模块
angular.module("App", ['ui.router', 'ngMessages', 'oc.lazyLoad'])
    .config(function ($stateProvider, $urlRouterProvider, $locationProvider, $ocLazyLoadProvider) {
        //封装懒加载
        var _lazyLoad = function (loaded) {
            return function ($ocLazyLoad) {
                return $ocLazyLoad.load(loaded, {serie: true})
            }
        };

$ocLazyLoadProvider.config({
            debug: false,
            events: true
        });
        //默认打开页面
        $urlRouterProvider.otherwise('/login');
        //配置路由页面
        $stateProvider
            //登录页面
            .state('login', {
                url: '/login',
                controller: 'logCtrl',
                templateUrl: 'html/login.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'css/login.css',
                        'controller/login.js'
                    ])
                }
            })
            //后台页面
            .state('list', {
                url: '/list',
                controller: 'listCtrl',
                templateUrl: 'html/list.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'component/menu/htmleaf-demo.css',
                        'component/menu/nav.css',
                        'component/menu/iconfont.css',
                        'css/list.css',
                        'controller/list.js'
                    ])
                }
            })
            //后台欢迎页面
            .state('list.welcome', {
                url: '/welcome',
                controller: 'welCtrl',
                templateUrl: 'html/welcome.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'css/welcome.css'
                    ])
                }
            })
            //article列表页面
            .state('list.article', {
                url: '/article',
                controller: 'artCtrl',
                templateUrl: 'html/article.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'component/bootstrap/bootstrap.min.css',
                        'css/article.css',
                        'component/bootstrap/bootstrap.min.js',
                        'controller/article.js'
                    ])
                }
            })
    });

编辑于2024-05-13