@angular/animations

animateChild

function

Executes a queried inner animation element within an animation sequence.

animateChild(
  options?: AnimateChildOptions
): AnimationAnimateChildMetadata;

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.

animateChild

AnimationAnimateChildMetadata

Executes a queried inner animation element within an animation sequence.

@paramoptionsAnimateChildOptions

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

@returnsAnimationAnimateChildMetadata

Usage notes

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.