Что такое AngularJS?
AngularJS - это веб-приложение с открытым исходным кодом. Он был первоначально разработан в 2009 году Миско Хевери и Адамом Абронсом. Теперь он поддерживается Google. Его последняя версия - 1.7.0. Определение AngularJS, как указано в его официальной документации, выглядит следующим образом:
AngularJS является структурной основой для динамических веб-приложений. Он позволяет использовать HTML в качестве языка шаблонов и позволяет расширять синтаксис HTML, чтобы четко и лаконично выражать компоненты приложения. Угловая привязка данных и инъекция зависимостей устраняют большую часть кода, который вы в настоящее время должны писать. И все это происходит в браузере, что делает его идеальным партнером любой серверной технологии.
Особенности
- AngularJS - мощная среда разработки на основе JavaScript для создания RICH Internet Application (RIA).
- AngularJS предоставляет разработчикам возможность писать клиентское приложение (используя JavaScript) в чистом MVC (Model View Controller).
- Приложение, написанное в AngularJS, совместимо с кросс-браузером. AngularJS автоматически обрабатывает код JavaScript, подходящий для каждого браузера.
- AngularJS является открытым исходным кодом, абсолютно бесплатным и используется тысячами разработчиков по всему миру. Он лицензируется по лицензии Apache версии 2.0.
В целом, AngularJS является основой для создания крупномасштабного и высокопроизводительного веб-приложения, сохраняя при этом их простоту в обслуживании.
Основные особенности
Ниже перечислены наиболее важные основные функции AngularJS -
- Связывание данных. Это автоматическая синхронизация данных между компонентами модели и представления.
- Область действия - это объекты, относящиеся к модели. Они действуют как клей между контроллером и видом.
- Контроллер. Это функции JavaScript, привязанные к определенной области.
- Сервисы - AngularJS поставляется с несколькими встроенными службами, например $ http, для создания XMLHttpRequests. Это объекты singleton, которые создаются только один раз в приложении.
- Фильтры. Они выбирают подмножество элементов из массива и возвращают новый массив.
- Директивы. Директивы - это маркеры на элементах DOM (например, элементы, атрибуты, css и т. Д.). Они могут использоваться для создания пользовательских тегов HTML, которые служат в качестве новых пользовательских виджетов. У AngularJS есть встроенные директивы (ngBind, ngModel ...)
- Шаблоны - это визуализированное представление с информацией от контроллера и модели. Это может быть один файл (например, index.html) или несколько видов на одной странице с использованием «partials».
- Маршрутизация - это концепция переключения взглядов.
- Model View Whatever - MVC - это шаблон проектирования для деления приложения на разные части (например, Model, View и Controller), каждый из которых выполняет различные функции. AngularJS не реализует MVC в традиционном смысле, а скорее что-то ближе к MVVM (Model-View-ViewModel). Команда Angular JS относится к ней с юмором, как к модели.
- Глубокое связывание. Глубокая привязка позволяет вам кодировать состояние приложения в URL-адресе, чтобы его можно было добавить в закладки. Затем приложение можно восстановить из URL-адреса в одно и то же состояние.
- Injection Dependency - AngularJS имеет встроенную подсистему подзарядки зависимостей, которая помогает разработчику упростить разработку, понимание и тестирование приложения.
Концепции
На следующей диаграмме изображены некоторые важные части AngularJS, которые мы подробно обсудим в последующих главах.
Преимущества AngularJS
- AngularJS обеспечивает возможность создания приложения с одной страницей очень простым и удобным для пользователя способом.
- AngularJS обеспечивает возможность привязки данных к HTML, что дает пользователю богатый и отзывчивый опыт
- Код AngularJS является проверяемым модулем.
- AngularJS использует инъекцию зависимостей и использует разделение проблем.
- AngularJS предоставляет многоразовые компоненты.
- С AngularJS разработчик пишет меньше кода и получает больше функциональности.
- В AngularJS представления представляют собой чистые html-страницы, а контроллеры, написанные на JavaScript, обрабатывают бизнес.
В дополнение ко всему, приложения AngularJS могут работать на всех основных браузерах и смартфонах, включая телефоны и планшеты на базе Android и iOS.
Недостатки AngularJS
Хотя AngularJS поставляется с множеством плюсовых очков, но в то же время мы должны учитывать следующие моменты:
- Не безопасно. Являясь только платформой JavaScript, приложение, написанное в AngularJS, небезопасно. Аутентификация на стороне сервера и авторизация необходимы для обеспечения безопасности приложения.
- Не деградирует. Если пользователь приложения отключает JavaScript, пользователь просто увидит основную страницу и ничего больше.
Компоненты AngularJS
Рамку AngularJS можно разделить на следующие три основные части:
- Ng-app - эта директива определяет и связывает приложение AngularJS с HTML.
- Ng-model - эта директива связывает значения данных приложения AngularJS с элементами управления вводами HTML.
- Ng-bind - эта директива связывает данные приложения AngularJS с тегами HTML.
Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!
Новые статьи
- AngularJS - Службы - 21/07/2018 20:07
- AngularJS - Интернализация - 20/07/2018 17:18
- AngularJS - Пользовательские директивы - 20/07/2018 17:17
- AngularJS - инъекция зависимостей - 20/07/2018 17:14
- AngularJS - Области - 20/07/2018 17:13
- AngularJS - View - 20/07/2018 17:09
- AngularJS - Ajax - 20/07/2018 17:08
- AngularJS - Подключение вебстраниц - 20/07/2018 17:06
- AngularJS - Формы - 20/07/2018 17:02
- AngularJS - Модули - 20/07/2018 16:34
- AngularJS - HTML DOM - 20/07/2018 16:30
- AngularJS - Таблицы - 20/07/2018 16:26
- AngularJS - Фильтры - 20/07/2018 16:13
- AngularJS - Контроллеры - 20/07/2018 16:09
- AngularJS - Выражения - 20/07/2018 16:03
- AngularJS - Директивы - 20/07/2018 16:02
- AngularJS - первое приложение - 20/07/2018 15:57
- AngularJS - Архитектура MVC - 20/07/2018 15:54
- AngularJS - настройка среды - 20/07/2018 15:43