Обзор
В этом разделе объясняется процесс инициализации AngularJS и то, как вам следует изменить инициализацию AngularJS при необходимости.
AngularJs's <Script> Tag
В этом примере показан наш рекомендованный метод интеграции AngularJ, который называется «автоматическая инициализация».
Кода -копия выглядит следующим образом:
<! Doctype html>
<html xmlns: ng = "http://angularjs.org" ng-app>
<тело>
...
<script src = "angular.js"> <Script>
</body>
</html>
Форматдат
1. Поместите тег сценария в приведенный выше код в нижней части страницы. Размещение тега сценария внизу сокращает время загрузки приложения, потому что загрузка HTML не будет блокирована загрузкой сценария Angular.js. Вы можете получить последнюю версию от http://code.angularjs.org. Пожалуйста, не обращайтесь к этому URL -адресу в вашем коде, так как он выявит риски безопасности вашего сайта. Если это просто экспериментальная разработка, нет проблем с ссылкой на наш сайт.
1) .Angular- [версия] .js-читаемая версия, подходящая для разработки и отладки.
2) .Angular- [версия] .min.js-это сжатая и запутанная версия, подходящая для развертывания в формованных продуктах.
2. Пожалуйста, поместите директиву NG-APP в корневой узел тега вашего приложения. Если вы хотите, чтобы AngularJS автоматически выполнял всю программу <html>, поместите ее в тег <html>.
Кода -копия выглядит следующим образом:
<html ng-app>
3. Если вы хотите использовать старую версию синтаксиса инструкции: NG:, вам также нужно написать XML-namespace в <html>, чтобы AngularJ работали нормально в IE. (Это делается по некоторым историческим причинам, и мы не рекомендуем продолжать использовать NG: Syntax.)
Кода -копия выглядит следующим образом:
<html xmlns: ng = "http://angularjs.org">
Автоматическая инициализация
AngularJS будет выполняться, когда запускается событие Domcontent, и будет использовать директиву NG-APP, чтобы найти применение корневого приложения. Если директива NG-APP найдена, AngularJS будет:
1. Загрузите модули, связанные с содержанием инструкции.
2. Создайте приложение «Инжектор».
3. Директивная тег NG-APP является корневым узелом для компиляции DOM. Это позволяет вам указать только часть DOM в качестве вашего приложения AngularJS.
Кода -копия выглядит следующим образом:
<! Doctype html>
<html ng-app = "optionalmodulename">
<тело>
Я могу добавить: {{1+2}}.
<script src = "angular.js"> </script>
</body>
</html>
Ручная инициализация
Если вам нужно воспринимать инициативу для управления процессом инициализации, вы можете использовать метод выполнения вручную программы загрузки. Например, когда вы используете «загрузчик сценариев» или необходимо выполнить некоторые операции, прежде чем AngularJs собирает страницу, вы будете использовать ее.
Следующий пример демонстрирует, как вручную инициализировать AngularJS. Его эффект эквивалентен использованию директивы NG-APP.
Кода -копия выглядит следующим образом:
<! Doctype html>
<html xmlns: ng = "http://angularjs.org">
<тело>
Привет, мир'}}!
<script src = "http://code.angularjs.org/angular.js"> </script>
<Скрипт>
Angular.Element (Document) .ready (function () {
Angular.bootstrap (документ);
});
</script>
</body>
</html>
Вот некоторые заказы, за которыми должен следовать ваш код:
1. После загрузки страницы и всех сценариев найдите корневой узел шаблона HTML - обычно корневой узел документа.
2. Вызовите API/Angular.BootStrap, чтобы скомпилировать шаблон в исполняемое приложение для связывания данных.