Модульность в Angular
Вы построили все свои модели, правильно разместили оператор «ng-app» либо в теле, либо в теге html. Вы создали отдельные страницы для ваших контроллеров и ваших представлений. Когда вы собираете все это вместе, вы скрещиваете пальцы и надеетесь, что вся ваша кропотливая работа совпадет идеально. К сожалению, для многих из нас мы можем легко столкнуться с осложнениями. Я сам столкнулся с этой проблемой и решил поделиться с вами своим контрольным списком для устранения неполадок с соединениями при модуляции приложения Angular:
Шаг 1. Убедитесь, что все соответствующие JS-файлы загружены как скрипты в индексном html.
Шаг второй. В операторе «ng-app» указано имя приложения. Это должно быть размещено в верхней части вашего JS-файла при определении вашей модели Angular. Если вы разбиваете свои файлы на отдельные страницы, создание экземпляра вашего приложения должно происходить в вашем файле конфигурации. Этот файл устанавливает маршруты для вашего приложения и служит первой страницей, на которой Angular должен искать дополнительную информацию.
Шаг третий. Добавьте все дополнительные файлы, которые вы создали как отдельные страницы, в массив зависимостей модели создания экземпляров или в файл конфигурации. Это должны быть имена соответствующих модулей, а не имена контроллеров или заводов/сервисов.
Если вы убедились, что все три шага выполнены, но проблемы все еще возникают, весьма вероятно, что один или несколько ваших файлов не работают по другим причинам. Один из способов устранения неполадок — добавить каждый файл по одному и определить, какой из них является неисправным.
Angular не предоставляет наиболее четких сообщений об ошибках. У многих людей возникают проблемы при попытке отладки. В магазине Chrome доступно дополнение для углового отладчика. Для вашего удобства я прикрепил ссылку на этот отладчик.
удачи в ваших приключениях с Angular.js.
