{ "id": "api/animations/animateChild", "title": "animateChild", "contents": "\n\n
\n
\n
\n \n API > @angular/animations\n
\n \n
\n \n
\n

animateChildlink

\n \n \n \n \n \n
\n \n \n\n
\n \n
\n

Executes a queried inner animation element within an animation sequence.

\n\n \n
\n \n \n \n\n
\n \n\n animateChild(options: AnimateChildOptions = null): AnimationAnimateChildMetadata\n\n \n\n
Parameters
\n \n \n \n \n \n \n \n \n \n
\n \n options\n AnimateChildOptions\n

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

\n

Optional. Default is null.

\n\n
\n\n \n
Returns
\n

AnimationAnimateChildMetadata: An object that encapsulates the child animation data.

\n \n \n\n\n \n\n \n
\n\n\n \n\n \n\n\n\n \n
\n

Usage noteslink

\n

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

\n

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

\n\n
\n\n\n\n
\n
\n\n\n" }