My example - StackBlitz

I need to animate 3 elements one by one. For the last two elements, I need to save the state.

Behavior -

• execute animation for first element ->animation is done, element disappeared
• next step - element hidden - execute animation for second element - element saved state for the last frame
• last step - element hidden - animation for the third element - element saved state for the last frame

Current behavior -

• execute animation for first element -> animation is done, element disappeared

then the animation for the last two elements is executed in parallel

CodePudding user response：

Thanks to everyone who did not answer - it helps me to become better. )))

I just had to set the timings. Of course, this is not the best solution but excludes listening - animation.start & animation.done

CodePudding user response：

I have updated the source if anyone needs an example