AngularJS — Обзор

AngularJS — это платформа веб-приложений с открытым исходным кодом. Первоначально он был разработан в 2009 году Миско Хевери и Адамом Абронсом. В настоящее время поддерживается Google. Его последняя версия 1.2.21.

Определение AngularJS, изложенное в его официальной документации, следующее:

AngularJS — это структурная структура для динамических веб-приложений. Он позволяет использовать HTML в качестве языка шаблонов и расширять синтаксис HTML, чтобы четко и кратко выразить компоненты приложения. Его привязка данных и внедрение зависимостей устраняют большую часть кода, который вам в настоящее время приходится писать. И все это происходит в браузере, что делает его идеальным партнером для любой серверной технологии.

AngularJS — это структурная структура для динамических веб-приложений. Он позволяет использовать HTML в качестве языка шаблонов и расширять синтаксис HTML, чтобы четко и кратко выразить компоненты приложения. Его привязка данных и внедрение зависимостей устраняют большую часть кода, который вам в настоящее время приходится писать. И все это происходит в браузере, что делает его идеальным партнером для любой серверной технологии.

Основные характеристики

Основные особенности AngularJS следующие:

• AngularJS — это эффективная среда, которая может создавать многофункциональные интернет-приложения (RIA).

• AngularJS предоставляет разработчикам возможность писать клиентские приложения с использованием JavaScript в чистом виде Model View Controller (MVC).

• Приложения, написанные на AngularJS, являются кросс-браузерными. AngularJS автоматически обрабатывает код JavaScript, подходящий для каждого браузера.

• AngularJS является открытым исходным кодом, полностью бесплатен и используется тысячами разработчиков по всему миру. Он лицензируется под лицензией Apache версии 2.0.

AngularJS — это эффективная среда, которая может создавать многофункциональные интернет-приложения (RIA).

AngularJS предоставляет разработчикам возможность писать клиентские приложения с использованием JavaScript в чистом виде Model View Controller (MVC).

Приложения, написанные на AngularJS, являются кросс-браузерными. AngularJS автоматически обрабатывает код JavaScript, подходящий для каждого браузера.

AngularJS является открытым исходным кодом, полностью бесплатен и используется тысячами разработчиков по всему миру. Он лицензируется под лицензией Apache версии 2.0.

В целом, AngularJS — это платформа для создания крупномасштабных, высокопроизводительных и простых в обслуживании веб-приложений.

Основные особенности

Основные особенности AngularJS следующие:

• Привязка данных — это автоматическая синхронизация данных между компонентами модели и представления.

• Область действия — это объекты, которые относятся к модели. Они действуют как клей между контроллером и представлением.

• Контроллер — это функции JavaScript, связанные с определенной областью действия.

• Службы — AngularJS поставляется с несколькими встроенными службами, такими как $ http, для выполнения запросов XMLHttp. Это одноэлементные объекты, которые создаются только один раз в приложении.

• Фильтры — они выбирают подмножество элементов из массива и возвращают новый массив.

• Директивы — Директивы — это маркеры на элементах DOM, таких как элементы, атрибуты, CSS и т. Д. Их можно использовать для создания пользовательских тегов HTML, которые служат новыми пользовательскими виджетами. AngularJS имеет встроенные директивы, такие как ngBind, ngModel и т. Д.

• Шаблоны — это визуализированный вид с информацией от контроллера и модели. Это может быть один файл (например, index.html) или несколько представлений на одной странице с использованием партиалов .

• Маршрутизация — это концепция переключения видов.

• Представление модели Независимо от того — MVW — это шаблон проектирования для разделения приложения на различные части, называемые Модель, Представление и Контроллер, каждая из которых имеет различные обязанности. AngularJS не реализует MVC в традиционном смысле, а скорее что-то ближе к MVVM (Model-View-ViewModel). Команда Angular JS с юмором называет это Model View.

• Глубокие ссылки — Глубокие ссылки позволяют кодировать состояние приложения в URL, чтобы его можно было добавить в закладки. Затем приложение можно восстановить из URL-адреса в то же состояние.

• Внедрение зависимостей — AngularJS имеет встроенную подсистему внедрения зависимостей, которая помогает разработчику легко создавать, понимать и тестировать приложения.

Привязка данных — это автоматическая синхронизация данных между компонентами модели и представления.

Область действия — это объекты, которые относятся к модели. Они действуют как клей между контроллером и представлением.

Контроллер — это функции JavaScript, связанные с определенной областью действия.

Службы — AngularJS поставляется с несколькими встроенными службами, такими как $ http, для выполнения запросов XMLHttp. Это одноэлементные объекты, которые создаются только один раз в приложении.

Фильтры — они выбирают подмножество элементов из массива и возвращают новый массив.

Директивы — Директивы — это маркеры на элементах DOM, таких как элементы, атрибуты, CSS и т. Д. Их можно использовать для создания пользовательских тегов HTML, которые служат новыми пользовательскими виджетами. AngularJS имеет встроенные директивы, такие как ngBind, ngModel и т. Д.

Шаблоны — это визуализированный вид с информацией от контроллера и модели. Это может быть один файл (например, index.html) или несколько представлений на одной странице с использованием партиалов .

Маршрутизация — это концепция переключения видов.

Представление модели Независимо от того — MVW — это шаблон проектирования для разделения приложения на различные части, называемые Модель, Представление и Контроллер, каждая из которых имеет различные обязанности. AngularJS не реализует MVC в традиционном смысле, а скорее что-то ближе к MVVM (Model-View-ViewModel). Команда Angular JS с юмором называет это Model View.

Глубокие ссылки — Глубокие ссылки позволяют кодировать состояние приложения в URL, чтобы его можно было добавить в закладки. Затем приложение можно восстановить из URL-адреса в то же состояние.

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

Концепции

Следующая диаграмма изображает некоторые важные части AngularJS, которые мы подробно обсудим в следующих главах.

Преимущества AngularJS

Преимущества AngularJS —

• Он обеспечивает возможность создания одностраничного приложения очень простым и понятным способом.

• Он обеспечивает возможность привязки данных к HTML. Таким образом, это дает пользователю богатый и отзывчивый опыт.

• Код AngularJS является модульно тестируемым.

• AngularJS использует внедрение зависимостей и использует разделение интересов.

• AngularJS предоставляет повторно используемые компоненты.

• С AngularJS разработчики могут добиться большей функциональности с помощью короткого кода.

• В AngularJS представления являются чистыми HTML-страницами, а контроллеры, написанные на JavaScript, выполняют бизнес-обработку.

Он обеспечивает возможность создания одностраничного приложения очень простым и понятным способом.

Он обеспечивает возможность привязки данных к HTML. Таким образом, это дает пользователю богатый и отзывчивый опыт.

Код AngularJS является модульно тестируемым.

AngularJS использует внедрение зависимостей и использует разделение интересов.

AngularJS предоставляет повторно используемые компоненты.

С AngularJS разработчики могут добиться большей функциональности с помощью короткого кода.

В AngularJS представления являются чистыми HTML-страницами, а контроллеры, написанные на JavaScript, выполняют бизнес-обработку.

Помимо всего прочего, приложения AngularJS могут работать на всех основных браузерах и смартфонах, включая телефоны / планшеты на базе Android и iOS.

Недостатки AngularJS

Хотя AngularJS имеет много достоинств, здесь есть несколько моментов, вызывающих беспокойство:

• Небезопасно — Будучи JavaScript-фреймворком, приложение, написанное на AngularJS, небезопасно. Проверка подлинности и авторизация на стороне сервера должны обеспечивать безопасность приложения.

• Не разлагается — если пользователь вашего приложения отключает JavaScript, то ничего не будет видно, кроме базовой страницы.

Небезопасно — Будучи JavaScript-фреймворком, приложение, написанное на AngularJS, небезопасно. Проверка подлинности и авторизация на стороне сервера должны обеспечивать безопасность приложения.

Не разлагается — если пользователь вашего приложения отключает JavaScript, то ничего не будет видно, кроме базовой страницы.

AngularJS Директивы

Основу AngularJS можно разделить на три основные части:

ng-app — эта директива определяет и связывает приложение AngularJS с HTML.

ng-model — эта директива связывает значения данных приложения AngularJS с элементами управления вводом HTML.

ng-bind — эта директива связывает данные приложения AngularJS с тегами HTML.