AngularJS — что это

Подробности

Категория: HTML, CSS

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

Фреймворк работает с HTML, содержащим дополнительные пользовательские атрибуты, которые описываются директивами, и связывает ввод или вывод области страницы с моделью, представляющей собой обычные переменные JavaScript. Значения этих переменных задаются вручную или извлекаются из статических или динамических JSON-данных.

Популярные Angular-директивы

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

ng-app

Объявляет элемент корневым для приложения.

ng-bind

Автоматически заменяет текст HTML-элемента на значение переданного выражения.

ng-model

То же что и ng-bind, только обеспечивает двустороннее связывание данных. Изменится содержимое элемента, ангуляр изменит и значение модели. Изменится значение модели, ангуляр изменит текст внутри элемента.

ng-class

Определяет классы для динамической загрузки.

ng-controller

Определяет JavaScript-контроллер для вычисления HTML-выражений.

ng-repeat

Создает экземпляр для каждого элемента из коллекции.

ng-show и ng-hide

Показывает или скрывает элемент в зависимости от значения логического выражения.

ng-switch

Создает экземпляр шаблона из множества вариантов, в зависимости от значения выражения.

ng-view

базовая директива, отвечает за обработку маршрутов, которые принимают JSON перед отображением шаблонов, управляемых указанными контроллерами.

Двустороннее связывание данных

Двустороннее связывание данных в AngularJS является наиболее примечательной особенностью и уменьшает количество кода, освобождая сервер от работы с шаблонами. Вместо этого, шаблоны отображаются как обычный HTML, наполненный данными, содержащимися в области видимости, определенной в модели. Сервис $scope в Angular следит за изменениями в модели и изменяет раздел HTML-выражения в представлении через контроллер. Кроме того, любые изменения в представлении отражаются в модели. Это позволяет обойти необходимость манипулирования DOM и облегчает инициализацию и прототипирование веб-приложений^[2].

 

Ссылки

• angularjs.org — официальный сайт AngularJS
• Сайт на русском (зеркало)
• Angularjs at Google Groups
• AngularJS at Google+
• Batarang Chrome plugin
• Сборник видео-уроков
• Руководство по AngularJS (рус)

 

• Вперёд >