group — Angular | Spec-Zone.ru

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

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

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

API

function group(
  steps: AnimationMetadata[],
  options?: AnimationOptions | null,
): AnimationGroupMetadata;

@deprecated

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

@paramstepsAnimationMetadata[]

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

Если шаги заданы вызовами функций style() или animate(), каждый вызов в группе выполняется мгновенно.
Чтобы задать стили смещения, применяемые позднее, определите шаги с помощью keyframes() или используйте вызовы animate() со значением задержки. Например:

group([
animate("1s", style({ background: "black" })),
animate("2s", style({ color: "white" }))
])

@paramoptionsAnimationOptions | null

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

@returnsAnimationGroupMetadata

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

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

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