Референсное руководство по AngularJS

Инструкции AngularJS

Директива Описание
ng-app Определяет корневой элемент приложения.
ng-bind Привязывает содержимое HTML-элемента к данным приложения.
ng-bind-html Привязывает содержимое innerHTML HTML-элемента к данным приложения и удаляет опасный код из HTML-строки.
ng-bind-template Определяет, какие данные должны быть заменены шаблоном.
ng-blur Определяет поведение при событии размытия.
ng-change Определяет выражение, которое будет вычислено при изменении содержимого пользователем.
ng-checked Определяет, выбран ли элемент.
ng-class Определяет CSS-классы для HTML-элемента.
ng-class-even Как ng-class, но действует только на четные строки.
ng-class-odd Как ng-class, но действует только на нечетные строки.
ng-click Определяет выражение, которое будет вычислено при нажатии на элемент.
ng-cloak Предотвращает мерцание при загрузке приложения.
ng-controller Определяет объект контроллера приложения.
ng-copy Определяет поведение при копировании событий.
ng-csp Измените политику безопасности контента.
ng-cut Определите поведение на событии cut.
ng-dblclick Определите поведение на событии двойного клика.
ng-disabled Укажите, отключен ли элемент.
ng-focus Определите поведение на событии фокус.
ng-form Укажите HTML форму, из которой будет наследоваться контрол.
ng-hide Скрыть или показать HTML элемент.
ng-href Укажите url элемента <a>.
ng-if Удалите HTML элемент, если условие false.
ng-include Включите HTML в приложение.
ng-init Определите начальное значение приложения.
ng-jq Укажите библиотеку, которую приложение должно использовать, например jQuery.
ng-keydown Определите поведение на событии keydown.
ng-keypress Определите поведение на событии keypress.
ng-keyup Определите поведение на событии keyup.
ng-list Преобразуйте текст в список (массив).
ng-maxlength Укажите максимальное количество символов, разрешенных в поле ввода.
ng-minlength Укажите минимальное количество символов, разрешенных в поле ввода.
ng-model Привяжите значение HTML контрола к данным приложения.
ng-model-options Определите, как выполняется обновление модели.
ng-mousedown Определите поведение на событии mousedown.
ng-mouseenter Определите поведение на событии mouseenter.
ng-mouseleave Определите поведение на событии mouseleave.
ng-mousemove Определите поведение на событии mousemove.
ng-mouseover Определите поведение на событии mouseover.
ng-mouseup Определите поведение на событии mouseup.
ng-non-bindable Укажите, что данные не могут быть привязаны к этому элементу или его подэлементам.
ng-open Укажите атрибут open элемента.
ng-options Укажите <options> в списке <select>.
ng-paste Определите поведение на событии paste.
ng-pluralize Укажите сообщение, отображаемое в соответствии с правилами локализации en-us.
ng-readonly Укажите атрибут readonly элемента.
ng-repeat Определите шаблон для каждого элемента набора данных.
ng-required Указать атрибут required элемента.
ng-selected Указать атрибут selected элемента.
ng-show Показать или скрыть элемент HTML.
ng-src Указать атрибут src элемента <img>.
ng-srcset Указать атрибут srcset элемента <img>.
ng-style Указать свойство style элемента.
ng-submit Указать выражение для выполнения на событии onsubmit.
ng-switch Указать условие для отображения/скрытия подэлементов.
ng-transclude Указать точку вставки встроенного элемента.
ng-value Указать значение элемента input.

Инструкции AngularJS на элементах HTML

AngularJS изменил стандартное поведение некоторых элементов HTML.

Элемент Описание
a AngularJS изменил стандартное поведение элемента <a>.
form AngularJS изменил стандартное поведение элемента <form>.
input AngularJS изменил стандартное поведение элемента <input>.
script AngularJS изменил стандартное поведение элемента <script>.
select AngularJS изменил стандартное поведение элемента <select>.
textarea AngularJS изменил стандартное поведение элемента <textarea>.

Фильтры AngularJS

Фильтры Описание
currency Форматировать число в формат货币.
date Форматировать дату в указанном формате.
filter Выбрать подмножество элементов из массива.
json Форматировать объект в строку JSON.
limitTo Ограничить массив или строку до указанного количества элементов/символов.
lowercase Форматировать строку в нижний регистр.
number Форматировать число в строку.
orderBy Сортировать массив через выражение.
uppercase Форматировать строку в верхний регистр.

См. также:

Уроки:Фильтры Angular.

Свойства валидации AngularJS

  • $dirty
  • $invalid
  • $error

См. также:

Уроки:Валидация Angular.

Глобальный API AngularJS

Преобразование

API Описание
angular.lowercase() Преобразовать строку в нижний регистр.
angular.uppercase() Преобразовать строку в верхний регистр.
angular.copy() Создание глубокого дубликата объекта или массива.
angular.forEach() Выполняет функцию для каждого элемента объекта или массива.

Сравнение

API Описание
angular.isArray() Возвращает true, если ссылка является массивом.
angular.isDate() Возвращает true, если ссылка является датой.
angular.isDefined() Возвращает true, если ссылка определена.
angular.isElement() Возвращает true, если ссылка является DOM-элементом.
angular.isFunction() Возвращает true, если ссылка является функцией.
angular.isNumber() Возвращает true, если ссылка является числом.
angular.isObject() Возвращает true, если ссылка является объектом.
angular.isString() Возвращает true, если ссылка является строкой.
angular.isUndefined() Возвращает true, если ссылка не определена.
angular.equals() Возвращает true, если два ссылки равны.

JSON

API Описание
angular.fromJson() Получение строки JSON и возврат JavaScript-объекта.
angular.toJson() Получение JavaScript-объекта и возврат строки JSON.

Базовое

API Описание
angular.bootstrap() Ручный запуск AngularJS.
angular.element() Обертывание HTML-элементов в элементы jQuery.
angular.module() Создание, регистрация или восстановление модуля AngularJS.

См. также:

Уроки:API Angular.