sequence — Angular | Spec-Zone.ru

Определяет список шагов анимации, выполняемых последовательно, один за другим.

Предупреждение об устаревании

Вместо этого используйте animate.enter или animate.leave. Планируется удалить в версии 23

API

function sequence(
  steps: AnimationMetadata[],
  options?: AnimationOptions | null,
): AnimationSequenceMetadata;

@deprecated

Вместо этого используйте animate.enter или animate.leave. Планируется удалить в версии 23

@paramstepsAnimationMetadata[]

Массив объектов шагов анимации.

Шаги, заданные вызовами style(), применяют данные стилей немедленно.
Шаги, заданные вызовами animate(), применяют данные стилей с течением времени в соответствии с данными о временных параметрах.

sequence([
style({ opacity: 0 }),
animate("1s", style({ opacity: 1 }))
])

@paramoptionsAnimationOptions | null

Объект параметров, содержащий задержку и определяемые разработчиком параметры, задающие значения стилей по умолчанию, которые можно переопределить при вызове.

@returnsAnimationSequenceMetadata

Примечания по использованию

При передаче массива шагов вызову transition() шаги по умолчанию выполняются последовательно. Сравните это с вызовом group(), который запускает шаги анимации параллельно.

Если последовательность используется внутри вызова group() или transition(), выполнение переходит к следующей инструкции только после завершения каждого из внутренних шагов анимации.