Как AngularJS знает, где искать модуль для загрузки?

Question

У меня есть модуль приложения, определяющий зависимости (взятый из phonecat -Tutorial) в каталоге app:

app.module.js:
angular.module('phonecatApp', [
    'phoneList'                          // (*)
]);

Затем в каталоге app/phone-list находятся модули:

phone-list/phone-list.module.js:
angular.module('phoneList', []);

и компонент:

phone-list/phone-list.component.js:
angular.module('phoneList').component('phoneList', {...});

После регистрации модуля phoneList в первом фрагменте на (*) как AngularJS знает, откуда можно извлечь модуль?Является ли отображение из каталога phoneList в phone-list именованным встроенной функцией?

Answer 1

Код для соответствующих модулей должен быть включен в сценарии, включенные в страницу.Это можно сделать вручную, добавив различные теги скриптов, или с помощью исполнителей задач, таких как grunt, gulp, webpack и т. Д., Добавив их для вас.

Если код модуля зависимости не существует, angular выдаст ошибку

Проще говоря - откуда берется код, это не является обязанностью angular.Он должен уже существовать, чтобы угловой работал

Answer 2

AngularJS имеет словарь модулей.Ключ в этом словаре - строка, которую вы даете своему модулю, когда регистрируете его со следующей строкой:

angular.module('phoneList', []);

Именно поэтому предыдущая строка всегда должна была выполняться в javascript, прежде чем вы сможете использовать свой модуль с помощьюдобавление компонента (как в следующей строке):

angular.module('phoneList').component('phoneList', {...});

или путем внедрения вашего модуля в другой модуль

angular.module('phonecatApp', [
    'phoneList'
]);