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