Улучшить эту документацию Просмотреть исходный код $animateProvider
Базовая реализация $animate, которая не выполняет анимации, а вместо этого синхронно обновляет DOM и разрешает возвращаемую промис-функцию.
Для включения анимаций необходимо загрузить модуль ngAnimate.
Чтобы увидеть функциональную реализацию, обратитесь к src/ngAnimate/animate.js.
Методы
-
register(name, factory);
Регистрирует новую функцию-фабрику для инжектируемой анимации. Функция-фабрика создаёт объект анимации, содержащий функции обратного вызова для каждого события, которое должно быть анимировано.
-
eventFn:function(element, ... , doneFunction, options)Элемент для анимации,doneFunctionи параметры, переданные в анимацию. В зависимости от типа анимации дополнительные аргументы будут вставлены в функцию анимации. Ниже приведены сигнатуры функций для различных методов анимации: -
setClass: function(element, addedClasses, removedClasses, doneFunction, options)
- addClass: function(element, addedClasses, doneFunction, options)
- removeClass: function(element, removedClasses, doneFunction, options)
- enter, leave, move: function(element, doneFunction, options)
-
animate: function(element, fromStyles, toStyles, doneFunction, options)
Убедитесь, что вызываете
doneFunctionпосле завершения анимации.
return { //enter, leave, move signature eventFn : function(element, done, options) { //code to run the animation //once complete, then run done() return function endFunction(wasCancelled) { //code to cancel the animation } } }Параметры
Параметр Тип Описание name stringИмя анимации (с этим значением будет сравниваться значение CSS класса).
factory FunctionФункция-фабрика, которая будет выполнена для возврата объекта анимации.
-
-
classNameFilter([expression]);
Устанавливает и/или возвращает регулярное выражение CSS-классов, проверяемое при выполнении анимации. При загрузке classNameFilter не устанавливается, поэтому $animate попытается выполнить анимацию для любого триггерного элемента. При установке значения
classNameFilterанимации будут выполняться только для элементов, которые удовлетворяют выражению фильтра. Это, в свою очередь, может повысить производительность на устройствах с низкой производительностью, а также в приложениях с большим количеством операций структуры.Параметры
Параметр Тип Описание expression (необязательно)RegExpВыражение className, которое будет проверяться для всех анимаций.
Возвращаемое значение
RegExpТекущее значение выражения CSS className. Если null, выражение не задано.
© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.4.14/docs/api/ng/provider/$animateProvider