Spec-Zone.ru › Angular.js 1.5

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

  1. $animate
  2. компонент в модуле ng

Базовое реализация $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

Spec-Zone.ru

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