Улучшить эту документацию Просмотреть исходный код $animateProvider
Базовое реализация $animate, не выполняющая анимации, а вместо этого синхронно обновляет DOM и разрешает возвращённую promise.
Для активации анимаций необходимо загрузить модуль 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Выражение класса, которое будет проверяться для всех анимаций
Возвращаемое значение
RegExpТекущее значение выражения CSS класса. Если null, то значение выражения отсутствует
© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.5.11/docs/api/ng/provider/$animateProvider