@angular/animations

sequence

함수

사용 중단 권고v20.2부터

Defines a list of animation steps to be run sequentially, one by one.

사용 중단을 권고합니다.

Use animate.enter or animate.leave instead. Intent to remove in v23

API

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

@deprecated

Use animate.enter or animate.leave instead. Intent to remove in v23

@paramstepsAnimationMetadata[]

An array of animation step objects.

Steps defined by style() calls apply the styling data immediately.
Steps defined by animate() calls apply the styling data over time as specified by the timing data.

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

@paramoptionsAnimationOptions | null

An options object containing a delay and developer-defined parameters that provide styling defaults and can be overridden on invocation.

@returnsAnimationSequenceMetadata

사용 시 참고사항

When you pass an array of steps to a transition() call, the steps run sequentially by default. Compare this to the group() call, which runs animation steps in parallel.

When a sequence is used within a group() or a transition() call, execution continues to the next instruction only after each of the inner animation steps have completed.