AngularJS Справочное руководство
Директивы AngularJS
Директивы AngularJS, используемые в этом руководстве:
| Директива | Описание |
|---|---|
| ng-app | Определяет корневой элемент приложения. |
| ng-bind | Привязывает элементы HTML к данным приложения |
| ng-bind-html | Привязывает innerHTML HTML-элемента к данным приложения и удаляет опасные символы из строки HTML. |
| ng-bind-template | Задает текстовое содержимое, которое должно быть заменено шаблоном. |
| ng-blur | Задает поведение при событии 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 | Задаёт поведение при событии copy. |
| ng-csp | Изменяет политику безопасности контента. |
| ng-cut | Определяет поведение при событии cut. |
| ng-dblclick | Определяет поведение при событии двойного щелчка. |
| ng-disabled | Определяет, отключён ли элемент. |
| ng-focus | Определяет поведение при событии фокуса. |
| ng-form | Указывает, что HTML-форма наследует контроллер формы. |
| ng-hide | Скрывает или показывает элементы HTML. |
| ng-href | Задаёт ссылку для элемента <a>. |
| ng-if | Удаляет HTML-элемент, если условие ложно. |
| ng-include | Включает HTML-файл в приложение. |
| ng-init | Определяет начальные значения приложения. |
| ng-jq | Определяет библиотеки, которые должно использовать приложение, например jQuery. |
| ng-keydown | Определяет поведение при нажатии клавиши. |
| ng-keypress | Определяет поведение при нажатии клавиши. |
| ng-keyup | Определяет поведение при отпускании клавиши. |
| ng-list | Преобразует текст в список (массив). |
| ng-model | Связывает значение элементов управления HTML с данными приложения. |
| ng-model-options | Определяет, как обновлять модель. |
| ng-mousedown | Определяет поведение при нажатии кнопки мыши. |
| ng-mouseenter | Определяет поведение, когда указатель мыши входит в элемент. |
| ng-mouseleave | Определяет поведение, когда указатель мыши покидает элемент. |
| ng-mousemove | Определяет поведение, когда указатель мыши перемещается внутри указанного элемента. |
| ng-mouseover | Определяет поведение, когда указатель мыши находится над элементом. |
| ng-mouseup | Определяет поведение, когда кнопка мыши отпущена над элементом. |
| ng-non-bindable | Указывает, что элемент или его дочерние элементы не могут быть привязаны к данным. |
| ng-open | Задает атрибут open элемента. |
| ng-options | Задает <options> в списке <select>. |
| ng-paste | Задает поведение при событии paste. |
| ng-pluralize | Отображает информацию в соответствии с правилами локализации. |
| ng-readonly | Задает атрибут readonly элемента. |
| ng-repeat | Определяет шаблон для каждого элемента коллекции. |
| 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 | Задает значение элемента ввода. |
Разбор фильтровФильтры AngularJS。
События AngularJS
AngularJS поддерживает следующие события:
- ng-click
- ng-dbl-click
- ng-mousedown
- ng-mouseenter
- ng-mouseleave
- ng-mousemove
- ng-keydown
- ng-keyup
- ng-keypress
- ng-change
Разбор событий:События 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 |
| angular.toJson() | Сериализует строку JSON |
Основы
| API | Описание |
|---|---|
| angular.bootstrap() | Запускает AngularJS вручную |
| angular.element() | Оборачивает часть DOM-элемента или строку HTML и рассматривает её как элемент jQuery. |
| angular.module() | Создание, регистрация или получение модуля AngularJS |
Справочник по глобальному API:Angular API。
Другие расширения