AngularJS - включить код во внешний файл JS или в HTML?

Question

AngularJS - включить код во внешний файл JS или в HTML?

0

Я только начал изучать AngularJS, и когда я обычно делаю приложения jQuery, я помещаю все Javascript в внешние файлы. Однако большинство примеров для AngularJS я вижу код, помещенный в теги скриптов в нижней части HTML-страницы.

Я столкнулся с проблемой загрузки переменных PHP на странице и использования AngularJS для ссылки на эти переменные, помещая их в скрытый тег и захватывая его или помещая код внизу в тег скрипта.

Каков наиболее профессиональный/распространенный метод решения этой проблемы?

FYI: Я не хочу включать PHP в JS файлы.

Спасибо за вашу помощь,

Кэмерон.

Cameron 27 сен. 2015, в 21:54

Источник

Теги:

php

javascript

html

angularjs

2 ответа

Ещё вопросы

hally9k · Answer 1 · 2015-09-28T02-10-00.000Z

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

Повторение параметров в вашей метке с помощью PHP не является хорошим способом перехода на IMO.

Практически лучше разоблачить веб-API и заставить ваше угловое приложение асинхронно атаковать конечные точки для любых необходимых данных, используя службу $http.

Если вы работаете над производственным веб-приложением, обслуживающим статическую разметку и скрипты, которые в свою очередь получают доступ к отдельному API, это гораздо более желательная архитектура.

charlietfl · Answer 2 · 2015-09-27T17-19-00.000Z

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

Норма заключается в использовании внешних файлов.

Однако есть разница с любым тегом скрипта, который используется для хранения html-шаблона.

Эти теги будут иметь следующий type и должны быть в основном файле

 <script type="text/ng-template" id="/view1.tpl">
       <div>Some view template html</div>
 </script>

Идентификатор этих тегов шаблонов будет соответствовать любому templateUrl используемому в директивах, маршрутах или ng-include

Как бы вы ссылались на переменные (данные) с основной страницы в свой файл JS?
не уверен на 100%, что вы имеете в виду ... тег сценария с var написанной php?