Как структурировать большие приложения AngularJS

Question

У меня есть веб-приложение, которое я создаю в AngularJS. Он собрал 500 строк кода и довольно тяжело перебирать все это. Мне было интересно, смогу ли я разбить логику на несколько файлов, но все же иметь возможность взаимодействовать с некоторыми переменными $scope. Любые ресурсы по этой теме будут оценены.

Пример: у меня есть куча логики, имеющей дело с таблицами, сгенерированными с помощью ng-repeat, которым не нужно взаимодействовать с кодом из графиков, которые я генерирую с помощью Canvas.JS

Answer 1

Эти статьи могут помочь вам:

• http://briantford.com/blog/huuuuuge-angular-apps
• http://cliffmeyers.com/blog/2013/4/21/code-organization-angularjs-javascript

Также прочитайте этот ответ.

Я в основном выбираю модульный подход.

Answer 2

Вы кодировали все свое приложение в одном контроллере?

Я бы подумал о:

• Наличие тощего контроллера (только предоставление необходимого содержимого области и получение содержимого из служб).

• Реализуйте сервисы (фабрики), на этих фабриках вы можете, например, инкапсулировать ваш запрос $ http, чтобы получить данные, которые вы хотите показать.

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

Как только у вас будет это, я прыгну в Данило отличные предложения.

Answer 3

Еще одна ссылка, которая может вам помочь:

• http://leog.me/log/large-angularjs-app-components

Речь идет о решении с RequireJS для разделения приложения на несколько модулей, которые можно легко соединить.