This is the archived documentation for Angular v6. Please visit angular.io to see documentation for the current version of Angular.

animateChild

Executes a queried inner animation element within an animation sequence.

      
      animateChild(options: AnimateChildOptions | null = null): AnimationAnimateChildMetadata
    

Parameters

options

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

Optional. Default is null.

Returns

AnimationAnimateChildMetadata: An object that encapsulates the child animation data.

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 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.