Spec-Zone.ru › Angular.js 1.2

Улучшить эту документацию Посмотреть исходный код $animateProvider

  1. $animate
  2. provider в модуле ng

Стандартная реализация $animate, которая не выполняет анимации, а вместо этого синхронно выполняет обновления DOM и вызывает колбэки done().

Для включения анимаций необходимо загрузить модуль ngAnimate.

Чтобы посмотреть функциональную реализацию, проверьте src/ngAnimate/animate.js

Методы

  • register(name, factory);

    Регистрирует новую функцию фабрики для инъекции анимации. Функция фабрики создаёт объект анимации, который содержит колбэки для каждого события, которое ожидается анимировать.

    • eventFn: function(Element, doneFunction) Элемент для анимации, колбэк doneFunction должен быть вызван после завершения анимации элемента. Если возвращается функция, то служба анимации будет использовать эту функцию для отмены анимации при срабатывании события отмены.
    return {
      eventFn : function(element, done) {
        //code to run the animation
        //once complete, then run done()
        return function cancellationFunction() {
          //code to cancel the animation
        }
      }
    }
    

    Параметры

    Параметр Тип Подробности
    name string

    Имя анимации.

    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.2.32/docs/api/ng/provider/$animateProvider

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API