Что такое 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 обеспечивает возможность создания приложения с одной страницей очень простым и удобным для пользователя способом.
  • 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.

Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!


Предыдущие статьи


Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
Ok