Angular.js, как программное обеспечение, — довольно новый проект, выпущенный в 2009 году. Он представляет собой Java Script – Фреймворк и имеет открытый исходный код. Главной целью разработчики называют идею расширения приложений на основе шаблона MVC. Также к дополнительным заданиям относятся:
- разделение серверной и клиентской стороны для параллельной разработки;
- DOM-манипуляция отделена от логики приложения;
- особое внимание к тестированию;
- организацию для разработчика весь процесс создания приложения.
Компания – родитель Google на сегодняшний день успела выпустить несколько версий. Данная программа приобрела широкий круг поклонников и стала довольно успешной. Работает Angular.js с кодом HTML, который содержит дополнительные атрибуты для пользователей . Они описаны директивами. Порог вхождения довольно низкий по сравнению с подобными решениями. Изучение пользователями документации происходит самостоятельно. Основными преимуществами данной программы стали:
- модульное тестирование в стандартной постановке;
- HTML атрибуты используются по максимуму;
- имеется Dependency injection;
- отличное сотрудничество с REST.
Одной из главных возможностей Angular.js стали директивы. С их помощью разработчик описывает поведение определенных элементов. Кроме того, он может расширить синтаксис кода HTML. Изначально в составе данной программы имеется базовый набор директив:
- ng-bind;
- ng-app;
- ng-class;
- ng-model;
- ng-repeat;
- ng-controller;
- ng-show и ng-hide;
- ng-view;
- ng-switch.
Однако, его можно расширить благодаря собственным разработкам. Такие созданные директивы также можно применять и в других проектах. Еще одной примечательной деталью является двухстороннее связывание данных. Это позволяет уменьшить количество кода и освободить сервер от взаимодействия с шаблонами. Таким образом, они отражаются как HTML, который хранит определенные данные. Загрузить Angular.js можно как с помощью директивы ngApp, так и вручную. Первый способ – наиболее популярный и часто используемый. С самого начала необходимо указать данную директиву в корневом элементе нужной страницы. Затем происходят следующие действия:
- Создание injector – механизма для загрузки модулей и получения объектов.
- Данный механизм начнет формировать глобальный scope.
- Запустится процесс обработки дерева DOM, в ходе которого создадутся найденные биндинги.
- Выполнение обнаруженных директив.