@angular/animations

animateChild

function

deprecatedsince v20.2

Executes a queried inner animation element within an animation sequence.

Deprecation warning

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

API

function animateChild(
  options?: AnimateChildOptions | null,
): AnimationAnimateChildMetadata;

animateChild

AnimationAnimateChildMetadata

Executes a queried inner animation element within an animation sequence.

@deprecated

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

@paramoptionsAnimateChildOptions | null

An options object that can contain a delay value for the start of the animation, and additional override values for developer-defined parameters.

@returnsAnimationAnimateChildMetadata

Each time an animation is triggered in Angular, the parent animation has priority and any child animations are blocked. In order for a child animation to run, the parent animation must query each of the elements containing child animations, and run them using this function.

Note that this feature is designed to be used with query() and it will only work with animations that are assigned using the Angular animation library. CSS keyframes and transitions are not handled by this API.

API

Usage Notes