AngularJS директивы
Directive | Description |
---|---|
ng-app | Определяет корневой элемент приложения. |
ng-bind | Связывает содержание HTML-элемента c данными приложения. |
ng-bind-html | Привязывает HTML элемент для данных приложения, а также удаляет опасный код из HTML строки. |
ng-bind-template | Указывает, что содержание текста должено быть заменено шаблоном. |
ng-blur | Определяет поведение onblur событий. |
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 | Определяет поведение на событие “вырезать”. |
ng-dblclick | Определяет поведение на событие двойной клик . |
ng-disabled | Указывает, если элемент отключен или нет. |
ng-focus | Определяет поведение событие на фокус. |
ng-form | Задает HTML-форму для наследования элементов управления. |
ng-hide | Скрывает или показывает HTML-элементы. |
ng-href | Задает URL для элемента <a>. |
ng-if | Удаляет элемент HTML, если условие истинно. |
ng-include | Подключает HTML в приложении. |
ng-init | Определяет начальные значения для приложения. |
ng-jq | Указывает, что приложение должно использовать библиотеку, как JQuery. |
ng-keydown | Определяет поведение на KeyDown событий. |
ng-keypress | Определяет поведение при нажатии клавиш. |
ng-keyup | Определяет поведение на KeyUp событий. |
ng-list | Преобразование текста в список (массив). |
ng-model | Связывает значение управления HTML для данных приложения. |
ng-model-options | Определяет, как повлияет изменение модели на приложение. |
ng-mousedown | Определяет поведение на mousedownсобытий. |
ng-mouseenter | Определяет поведение на mouseenter событий. |
ng-mouseleave | Определяет поведение на mouseleave событий. |
ng-mousemove | Определяет поведение на события перемещения мыши. |
ng-mouseover | Определяет поведение при наведении курсора мыши. |
ng-mouseup | Определяет поведение на MouseUp событий |
ng-non-bindable | Specifies that no data binding can happen in this element, or it’s children. |
ng-open | Задает открытый атрибут элемента. |
ng-options | Задает <options>в списке <select. |
ng-paste | Определяет поведение на событие “вставки”. |
ng-pluralize | Задает сообщение для отображения в соответствии с собственными правилами локализации. |
ng-readonly | Определяет атрибут “только для чтения” элемента. |
ng-repeat | Определяет шаблон для каждого типа данных в коллекции. |
ng-selected | Определяет выбранный атрибут элемента. |
ng-show | Показывает или скрывает HTML-элементы. |
ng-src | Определяет атрибут SRC для элемента <IMG>. |
ng-srcset | Задает srcset атрибут для элемента <IMG>. |
ng-style | Определяет атрибут стиля для элемента. |
ng-submit | Задает выражения для запуска на onsubmit событий. |
ng-switch | Задает условие, которое будет использоваться, чтобы показывать / скрывать дочерние элементы. |
ng-transclude | Specifies a point to insert transcluded elements. |
ng-value | Определяет значение input элемента. |
AngularJS Дерективы на HTML елементах
AngularJS изменяет поведение по умолчанию некоторых свойств HTML елементов
Element | Description |
---|---|
a | AngularJS изменяет поведение по умолчанию в <a> элемента. |
form | AngularJS изменяет поведение по умолчанию элемента <form>. |
input | AngularJS изменяет поведение по умолчанию элемента <intup>. |
script | AngularJS изменяет поведение по умолчанию элемента <script>. |
select | AngularJS изменяет поведение по умолчанию элемента <select>. |
textarea | AngularJS изменяет поведение по умолчанию элемента <textarea>. |
AngularJS Фильтры
Filter | Description |
---|---|
currency | Форматирование числа в формате валюты. |
date | Форматирование даты в заданном формате. |
filter | Выберает подмножество элементов из массива. |
json | Форматирование объекта в строку JSON. |
limitTo | Ограничивает массив или строку, в заданное число элементов / символов. |
lowercase | Форматирование строки в нижний регистр. |
number | Форматирование числа в строку. |
orderBy | Сортировка массива по выражению |
uppercase | Форматировать строку в верхний регистр. |
AngularJS Свойства валидации
- $dirty
- $invalid
- $error
AngularJS Global API
Конвертация
API | Description |
---|---|
angular.lowercase() | Преобразование строки в нижний регистр (строчные) |
angular.uppercase() | Преобразование строки в верхний регистр (заглавные) |
angular.copy() | Создает копию объекта или массива |
angular.forEach() | Выполняет функцию for для каждого элемента массива или объекта |
Сравнение
API | Description |
---|---|
angular.isArray() | Возвращает истину, если условие является массивом |
angular.isDate() | Возвращает истину, если условие является датой |
angular.isDefined() | Возвращает истину, если условие определено |
angular.isElement() | Возвращает истину, если условие DOM элемент |
angular.isFunction() | Возвращает истину, если условие функция |
angular.isNumber() | Возвращает истину, если условие число |
angular.isObject() | Возвращает истину, если условие обьект |
angular.isString() | Возвращает истину, если условие строка |
angular.isUndefined() | Возвращает истину, если условие возваращает Undefined |
angular.equals() | Возвращает истину, если условия равны |
JSON
API | Description |
---|---|
angular.fromJSON() | Десериализация строки с JSON |
angular.toJSON() | Сериализация строки в JSON |
Основные
API | Description |
---|---|
angular.bootstrap() | Запускает AngularJS вручную |
angular.element() | Обертка HTML-элемента как элемент JQuery |
angular.module() | Создает, регистрирует или извлекает AngularJS модуль |