Spec-Zone.ru › Angular.js 1.4

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

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

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

Spec-Zone.ru

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