如何加载角控制器动态

我有10次和几个共享组件如何加载角控制器动态

--app 
-------components 
-------------home 
-----------------homeController.js 
-----------------homeDirective.js 
-----------------home.html 
. 
. 
. 
-------shared 
----------modals 
------------someModal 
--------------- someModalController.js 
--------------- someModal.html

由角部件负载的应用程序路由

(function() { 

    'use strict'; 

    angular 
     .module('app') 
     .config(appConfig); 

    function appConfig($routeProvider) { 
     $routeProvider. 
     when("/home", { templateUrl: "app/components/home/home.html", controller: 'homeController' })............ 
     otherwise({ redirectTo: "/home" }); 
    } 
})();

在不同的组件所使用的模态，所有的东西都当主页面包含所有脚本文件时工作。例如

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 

</head> 

<body ng-app="fleetCam" ng-controller="appController"> 
    <div id="wrapper"> 

    <div id="page-wrapper"> 
     <ng-view> 
     </ng-view> 
    </div> 
</div> 
<!-- /#wrapper --> 

<!-- jQuery --> 
<script src="Scripts/jquery-2.1.4.min.js"></script> 
<script src="Scripts/angular.js"></script> 
<script src="Scripts/angular-route.js"></script> 
<script src="Scripts/ngStorage.js"></script> 



<script src="appMain/app.module.js"></script> 
<script src="appMain/app.routes.js"></script> 
<script src="appMain/app.services.js"></script> 
<script src="appMain/app.directive.js"></script> 


<script src="appMain/components/home/homeController.js"></script> 
    <script src="appMain/components/home/aboutController.js"></script> 
    <script src="appMain/shared/modal/insert/insertController.js"></script>

我正在寻找一种方式，以除去在飞行的最后三个脚本标记和负荷控制器或其他依赖。我已经搜索了很多关于延迟加载的内容，但没有人在我的上下文中工作，特别是在添加共享组件时。

来源

2015-10-26 Mahdi

angularAMD是其中一个选项 – vinayakj

你可以想到使用https://github.com/ocombe/ocLazyLoad –

@PankajParkar我认为这是我的解决方案 – Mahdi