Что такое 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.

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


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


We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies).

You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok