Spec-Zone.ru › Angular.js 1.3

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

  1. $animate
  2. поставщик в модуле 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.3.20/docs/api/ng/provider/$animateProvider

Spec-Zone.ru

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