Каков правильный порядок загрузки файлов AngularJS?
У меня возникла проблема, когда мои веб-страницы AngularJS иногда не загружаются должным образом. Когда это произойдет, код в соответствующем контроллере не запускается. Это происходит редко. Я подозреваю, что это может быть связано с порядком загрузки файлов AngularJS. Возможно, есть и другие возможные причины. Пожалуйста, предупредите меня, если вы можете думать о них. Ниже приведен мой код, показывающий порядок загрузки страницы html;
<script src="lib/angular/angular.min.js"></script>
<script src="lib/angular/angular-route.min.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
<script src="vendor/dialogs.min.js" type="text/javascript"></script>
<script src="lib/angular/angular-sanitize.min.js"></script>
<script src="vendor/angular-translate.min.js"></script>
<link href="vendor/dialogs.css" rel="stylesheet">
Есть ли что-то не так?
Ответы
Ответ 1
Первая загрузка angular библиотека:
<script src="lib/angular/angular.min.js"></script>
<script src="lib/angular/angular-route.min.js"></script>
<script src="vendor/dialogs.min.js" type="text/javascript"></script>
<script src="lib/angular/angular-sanitize.min.js"></script>
<script src="vendor/angular-translate.min.js"></script>
После этого загрузите свои контроллеры, службы, фильтры, директивы
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
Наконец, теперь вы можете загрузить файл инициализации приложения
<script src="js/app.js"></script>
Ответ 2
Хотя заказ правильно упоминается Nitish,
вам следует рассмотреть возможность использования инструментов загрузки script, таких как require js, поскольку поддержка взаимозависимости между библиотеками станет беспорядочной, если у вас есть большое количество файлов для включения.