Приложение AngularJS: Как включить файлы.js в index.html

Я новичок в angularJS. Мне удалось создать приложение для телефонной связи с помощью angularJS. Приложение в порядке и работает просто отлично. Проблема в том, что теперь, когда я немного больше понимаю, как работает angularJS (по крайней мере, мне так кажется), я беспокоюсь о структуре файлов моего приложения и возможности сопровождения кода. Мой проект следует шаблону угловых семян. Angular Seed на GitHub, где у меня есть такая структура:

js
   app.js
   controllers.js
   directives.js
   services.js
   filters.js

После изучения того, как структурировать приложения с помощью angularJS, я нашел несколько очень хороших статей об этом: создание приложений Huuuuuge с AngularJS и КАК СТРУКТУРИРОВАТЬ БОЛЬШИЕ ПРИЛОЖЕНИЯ ANGULARJS

Мой вопрос кажется мне очень глупым, но я не мог найти выход. Мне удалось разделить мои контроллеры на разные файлы, и теперь у меня есть такая структура:

scripts
    controllers
             LoginCtrl.js
             HomeCtrl.js
             AboutCtrl.js
             ClientCtrl.js

Проблема, с которой я борюсь, заключается в том, что, как и раньше, у меня был только один файл controller.js. В моем файле index.html я загружаю все файлы сценариев, как правило, используя тег script. Теперь, когда у меня есть 4 разных файла.js для моих контроллеров, как мне загрузить их в мой файл index.html? Я должен загрузить их всех там?

Мне кажется неправильным загружать все скрипты в файл index.html вот так (я знаю, что при наличии одного файла код будет загружен таким же образом, для меня просто странно, что там упаковано много тегов скриптов), Я нашел проект ng -ilerplate на github и в их index.html они загружают сценарии динамически. Проблема в том, что я не могу запустить новый ng-bolierplate прямо сейчас, и я не мог найти, как они это сделали. Извините за длинный текст. Спасибо!

Источник

2 ответа

Решение

Ссылка на каждый файл скрипта в его собственном теге в index.html, безусловно, является одним из способов сделать это и наиболее простым. Однако, если вы хотите что-то более чистое, взгляните на одно из различных руководств по объединению Angular с RequireJS:

http://www.startersquad.com/blog/angularjs-requirejs/

Имеет ли смысл использовать Require.js с Angular.js?

Этот подход нацелен прежде всего на решение проблемы того, в каком порядке загружать файлы, чтобы удовлетворить зависимости, но он также имеет следствие очистки index.html... хотя и за счет дополнительной настройки в другом месте.

Источник

Используйте http://browserify.org/

Вы получаете очень простые и элегантные модули commonjs и множество удивительных библиотек из node.js в вашем браузере.

Код упакован в один файл js.

Источник
Другие вопросы по тегам