Buenas tardes,
Conforme va avanzando, mi aplicación en angular va teniendo mas y mas ficheros javascript incrustados en el index.html que se carga en todas las vistas.
Mi idea es que esos ficheros solamente sean cargados si es necesario. Se que hay un método para poder hacerlo pero no encuentro información sobre ello aún.
Utilizo "ui.router" para cargas las vistas. ¿Sabéis si existe una manera de cargar los archivos necesarios para cada vista junto con este componente?
Un ejemplo de lo que tengo que cargar (alucinante
<!-- ANGULAR APP CONFIG-->
<script src="/angular/app/app.js" type="text/javascript"></script>
<script src="/angular/app/config/config.js" type="text/javascript"></script>
<script src="/angular/app/config/directives/custom.js" type="text/javascript"></script>
<script src="/angular/app/config/directives/nya-bootstrap-select.js" type="text/javascript"></script>
<script src="/angular/app/config/filters.js" type="text/javascript"></script>
<script src="/angular/app/config/routes.js" type="text/javascript"></script>
<!-- ANGULAR CONTROLLERS -->
<script src="/angular/app/controllers/CoreController.js" type="text/javascript"></script>
<script src="/angular/app/controllers/AuthController.js" type="text/javascript"></script>
<script src="/angular/app/controllers/BuilderController.js" type="text/javascript"></script>
<script src="/angular/app/controllers/AppController.js" type="text/javascript"></script>
<script src="/angular/app/controllers/ProfileController.js" type="text/javascript"></script>
<script src="/angular/app/controllers/ToolkitController.js" type="text/javascript"></script>
<!-- ANGULAR APP CONTROLLERS -->
<script src="/angular/app/controllers/EmpresasController.js" type="text/javascript"></script>
<script src="/angular/app/controllers/ProjectsController.js" type="text/javascript"></script>
<script src="/angular/app/controllers/ProductsController.js" type="text/javascript"></script>
<script src="/angular/app/controllers/UsuariosController.js" type="text/javascript"></script>
<!-- ANGULAR APP EVENTS -->
<script src="/angular/app/hooks/EmpresasHooks.js" type="text/javascript"></script>
<!-- ANGULAR FACTORIES -->
<script src="/angular/app/factories/AuthFactory.js" type="text/javascript"></script>
<script src="/angular/app/factories/AppFactory.js" type="text/javascript"></script>
<script src="/angular/app/factories/ConfigFactory.js" type="text/javascript"></script>
<script src="/angular/app/factories/ContractsFactory.js" type="text/javascript"></script>
<!-- LIBS -->
<script src="/assets/js/lib/moment/moment.js"></script>
<!-- MOMENT -->
<script src="/angular/components/angular-moment/angular-moment.min.js"></script>
<!-- ANGULAR MOMENT -->
<script src="/assets/js/lib/bootstrap/bootstrap.min.js" type="text/javascript"></script>
<!-- MAXLENGTH -->
<script src="/assets/js/lib/bootstrap-maxlength/bootstrap-maxlength.js" type="text/javascript"></script>
<!-- MAXLENGTH -->
<script src="/assets/js/lib/bootstrap-maxlength/bootstrap-maxlength-init.js" type="text/javascript"></script>
<!-- MAXLENGTH -->
<script src="/assets/js/lib/jquery-match-height/jquery.matchHeight-min.js" type="text/javascript"></script>
<script src="/assets/js/lib/fancybox/jquery.fancybox.js" type="text/javascript"></script>
<!-- ZOOM IMAGENES -->
<script src="/assets/js/lib/jscollpane/jquery.jscrollpane.min.js" type="text/javascript"></script>
<!-- SCROLL -->
<script src="/assets/js/lib/summernote/summernote.min.js" type="text/javascript"></script>
<!-- SUMMERNOTE -->
<script src="/assets/js/lib/sweetalert/sweetalert.min.js" type="text/javascript"></script>
<!-- SWEETALERT -->
<script src="/assets/js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
<!-- BOOTSTRAP SELECT -->
<script src="/assets/js/lib/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<!-- BOOTSTRAP DATETIMEPICKER -->
<script src="//cdn.jsdelivr.net/simplemde/latest/simplemde.min.js" type="text/javascript"></script>
<!-- PNOTIFY -->
<script src="/assets/js/lib/pnotify/pnotify.custom.min.js" type="text/javascript"></script>
<!-- AUTOSIZE -->
<script src="/assets/js/lib/autosize/autosize.min.js" type="text/javascript"></script>
ES6+
aES5
por ti? – gugadev el 13 mar. 17 a las 17:08