Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Debugging Angular 2 animations

I have created some animations, but they just don't work as I hoped. I would like to debug them, but I can't find a way to do that. I haven't seen any information in angular 2 docs...

Is there any tools, that I missed?

like image 934
Akxe Avatar asked Feb 15 '17 11:02

Akxe


People also ask

What is the use of animateChild () function in Angular?

Each time an animation is triggered in Angular, the parent animation always gets priority and child animations are blocked. For a child animation to run, the parent animation must query each of the elements containing child animations. It then lets the animations run using the animateChild() function.

How do I use BrowserAnimationsModule?

The BrowserAnimationsModule must be imported in the main module of the application app. module. ts and after importing, it is necessary to restart the application so that the imported module is recognized.


1 Answers

Chrome developer tools has a nice tool to inspect animations, I am unsure whether they are completely broken or you want to adjust the animation. But using this tool could help!

See this article by the chrome team for more information

like image 190
realappie Avatar answered Oct 13 '22 21:10

realappie