英文:
Angular js index page loading issue
问题
在加载登录页面时，目前所有控制器都会加载，因此我的系统运行缓慢，因为我在索引文件中附加了所有控制器文件。在加载登录页面时，我需要停止加载不必要的控制器（这些控制器在登录后才需要）。我应该如何停止加载这些控制器，是否需要改变我的结构。
这是我的index.html文件：
<!DOCTYPE html>
<!--[if lt IE 7]>
<html lang="en" ng-app="cacm" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html lang="en" ng-app="cacm" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html lang="en" ng-app="cacm" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" ng-app="cacm" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="lib/datatables.net-bs/css/dataTables.bootstrap.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="lib/html5shiv/dist/html5shiv.min.js"></script>
<script src="lib/respond.js/dest/respond.min.js"></script>
<script>
document.createElement('ui-select');
document.createElement('ui-select-match');
document.createElement('ui-select-choices');
</script>
<![endif]-->
<!-- Font -->
<link rel="stylesheet" href="fonts/fonts.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="app.css">
</head>
<body class="hold-transition skin-purple fixed sidebar-mini">
<div class="overlay" id="page-loading-spinner" style="background-color: #ecf0f5">
<i class="fa fa-spinner fa-spin"
style="font-size: 26px; position: absolute; top: calc(50% - 13px); left: calc(50% - 13px);"></i>
</div>
<script language="javascript" type="text/javascript">
window.onload = function () {
document.getElementById('page-loading-spinner').style.display = 'none';
};
</script>
<div ui-view class="main"></div>
<!-- js libraries -->
<script src="lib/jquery/dist/jquery.min.js"></script>
<script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="lib/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="lib/datatables-light-columnfilter/dist/dataTables.lightColumnFilter.min.js"></script>
<script src="lib/chart.js/dist/Chart.min.js"></script>
<script src="lib/highlightjs/highlight.pack.min.js"></script>
<script src="lib/chartjs-plugin-labels/build/chartjs-plugin-labels.min.js"></script>
<script src="lib/jspdf/dist/jspdf.min.js"></script>
<script src="lib/chartjs-plugin-empty-overlay/dist/chartjs-plugin-empty-overlay.min.js"></script>
<!-- <script src="lib/datatables-light-columnfilter/distnew/dataTables.lightColumnFilter.min.js"></script> -->
<script src="lib/datatables-light-columnfilter/distnew/dataTables.lcf.bootstrap3.min.js"></script>
<!-- angular addons -->
<script src="lib/angular-ui-select/dist/font-awesome.js"></script>
<script src="lib/angular/angular.min.js"></script>
<script src="lib/angular-animate/angular-animate.min.js"></script>
<script src="lib/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="lib/ngstorage/ngStorage.min.js"></script>
<script src="lib/angular-sanitize/angular-sanitize.min.js"></script>
<script src="lib/angular-auto-validate/dist/jcs-auto-validate.min.js"></script>
<script src="lib/angular-datatables/dist/angular-datatables.min.js"></script>
<script src="lib/angular-datatables/dist/plugins/buttons/angular-datatables.buttons.min.js"></script>
<script src="lib/angular-datatables/dist/plugins/light-columnfilter/angular-datatables.light-columnfilter.min.js"></script>
<script src="lib/angular-highlightjs/build/angular-highlightjs.min.js"></script>
<!-- main app -->
<script src="app.js"></script>
<!-- login -->
<script src="login.js"></script>
<!-- modules -->
<script src="modules/category-add/category-add.js"></script>
</body>
</html>
我需要在加载登录页面时停止项目控制器的加载。
英文:
Currently when I load login page, all controllers loading. therefore my system is slow. because I attached all controller files inside the index file. When loading login page i need stop to load unnecessary controllers (that controller need after the login). How I stop this., do i need to change my structure.
this is my index.html
<!DOCTYPE html>
<!--[if lt IE 7]>
<html lang="en" ng-app="cacm" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html lang="en" ng-app="cacm" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html lang="en" ng-app="cacm" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" ng-app="cacm" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="lib/datatables.net-bs/css/dataTables.bootstrap.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="lib/html5shiv/dist/html5shiv.min.js"></script>
<script src="lib/respond.js/dest/respond.min.js"></script>
<script>
document.createElement('ui-select');
document.createElement('ui-select-match');
document.createElement('ui-select-choices');
</script>
<![endif]-->
<!-- Font -->
<link rel="stylesheet" href="fonts/fonts.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="app.css">
</head>
<body class="hold-transition skin-purple fixed sidebar-mini">
<div class="overlay" id="page-loading-spinner" style="background-color: #ecf0f5">
<i class="fa fa-spinner fa-spin"
style="font-size: 26px; position: absolute; top: calc(50% - 13px); left: calc(50% - 13px);"></i>
</div>
<script language="javascript" type="text/javascript">
window.onload = function () {
document.getElementById('page-loading-spinner').style.display = 'none';
};
</script>
<div ui-view class="main"></div>
<!-- js libraries -->
<script src="lib/jquery/dist/jquery.min.js"></script>
<script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="lib/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="lib/datatables-light-columnfilter/dist/dataTables.lightColumnFilter.min.js"></script>
<script src="lib/chart.js/dist/Chart.min.js"></script>
<script src="lib/highlightjs/highlight.pack.min.js"></script>
<script src="lib/chartjs-plugin-labels/build/chartjs-plugin-labels.min.js"></script>
<script src="lib/jspdf/dist/jspdf.min.js"></script>
<script src="lib/chartjs-plugin-empty-overlay/dist/chartjs-plugin-empty-overlay.min.js"></script>
<!-- <script src="lib/datatables-light-columnfilter/distnew/dataTables.lightColumnFilter.min.js"></script> -->
<script src="lib/datatables-light-columnfilter/distnew/dataTables.lcf.bootstrap3.min.js"></script>
<!-- angular addons -->
<script src="lib/angular-ui-select/dist/font-awesome.js"></script>
<script src="lib/angular/angular.min.js"></script>
<script src="lib/angular-animate/angular-animate.min.js"></script>
<script src="lib/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="lib/ngstorage/ngStorage.min.js"></script>
<script src="lib/angular-sanitize/angular-sanitize.min.js"></script>
<script src="lib/angular-auto-validate/dist/jcs-auto-validate.min.js"></script>
<script src="lib/angular-datatables/dist/angular-datatables.min.js"></script>
<script src="lib/angular-datatables/dist/plugins/buttons/angular-datatables.buttons.min.js"></script>
<script src="lib/angular-datatables/dist/plugins/light-columnfilter/angular-datatables.light-columnfilter.min.js"></script>
<script src="lib/angular-highlightjs/build/angular-highlightjs.min.js"></script>
<!-- main app -->
<script src="app.js"></script>
<!-- login -->
<script src="login.js"></script>
<!-- modules -->
<script src="modules/category-add/category-add.js"></script>
</body>
</html>
I need to stop project controllers, when loading login page
答案1
得分: 1
我认为你必须改变结构代码。
我找到了相同的问题
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论