Улучшить эту документацию Просмотреть исходный код $animate
- $animateProvider
- сервис в модуле ng
Сервис $animate предоставляет базовые функции манипулирования DOM для вставки, удаления и перемещения элементов в DOM, а также добавления и удаления классов. Этот сервис является основным сервисом, используемым сервисом ngAnimate $animator, который предоставляет высокоуровневые хуки анимации для CSS и JavaScript.
$animate доступен в ядре AngularJS, однако для включения полной поддержки анимации необходимо включить модуль ngAnimate. В противном случае $animate будет выполнять только простые операции манипулирования DOM.
Чтобы узнать больше о включении поддержки анимации, перейдите на страницу модуля ngAnimate и страницу сервиса ngAnimate $animate.
Методы
-
enter(element, parent, after, [options]);
Вставляет элемент в DOM либо после элемента
after, либо в качестве первого дочернего элемента внутри элементаparent. При вызове функции возвращается обещание, которое будет выполнено позже.Параметры
Параметр Тип Подробности element DOMElementэлемент, который будет вставлен в DOM
parent DOMElementродительский элемент, который добавит элемент в качестве дочернего (если элемент after отсутствует)
after DOMElementэлемент-предок, после которого будет добавлен элемент
options (необязательно)objectнеобязательный набор стилей, которые будут применены к элементу.
Возвращаемое значение
Promiseобещание обратного вызова анимации
-
leave(element, [options]);
Удаляет элемент из DOM. При вызове функции возвращается обещание, которое будет выполнено позже.
Параметры
Параметр Тип Подробности element DOMElementэлемент, который будет удален из DOM
options (необязательно)objectнеобязательный набор опций, которые будут применены к элементу.
Возвращаемое значение
Promiseобещание обратного вызова анимации
-
move(element, parent, after, [options]);
Перемещает позицию предоставленного элемента в DOM, помещая его либо после элемента
after, либо внутри элементаparent. При вызове функции возвращается обещание, которое будет выполнено позже.Параметры
Параметр Тип Подробности element DOMElementэлемент, который будет перемещен в DOM
parent DOMElementродительский элемент, в который будет вставлен элемент (если элемент after отсутствует)
after DOMElementэлемент-предок, рядом с которым будет размещен элемент
options (необязательно)objectнеобязательный набор опций, которые будут применены к элементу.
Возвращаемое значение
Promiseобещание обратного вызова анимации
-
addClass(element, className, [options]);
Добавляет предоставленное значение класса CSS className к предоставленному элементу. При вызове функции возвращается обещание, которое будет выполнено позже.
Параметры
Параметр Тип Подробности element DOMElementэлемент, которому будет добавлен класс className
className stringкласс CSS, который будет добавлен к элементу
options (необязательно)objectнеобязательный набор опций, которые будут применены к элементу.
Возвращаемое значение
Promiseобещание обратного вызова анимации
-
removeClass(element, className, [options]);
Удаляет предоставленное значение класса CSS className из предоставленного элемента. При вызове функции возвращается обещание, которое будет выполнено позже.
Параметры
Параметр Тип Подробности element DOMElementэлемент, из которого будет удален класс className
className stringкласс CSS, который будет удален из элемента
options (необязательно)objectнеобязательный набор опций, которые будут применены к элементу.
Возвращаемое значение
Promiseобещание обратного вызова анимации
-
setClass(element, add, remove, [options]);
Добавляет и/или удаляет заданные классы CSS для элемента. При вызове функции возвращается обещание, которое будет выполнено позже.
Параметры
Параметр Тип Подробности element DOMElementэлемент, у которого будут изменены классы CSS
add stringклассы CSS, которые будут добавлены к элементу
remove stringкласс CSS, который будет удален из элемента
options (необязательно)objectнеобязательный набор опций, которые будут применены к элементу.
Возвращаемое значение
Promiseобещание обратного вызова анимации
© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.3.20/docs/api/ng/service/$animate