How to make an animated transition between routes in Angular 2+?

Question

Angular

Good day everyone. I am learning Angular and I want to make a beautiful animated transition between routes in my SPA. How can this be achieved? If there is any guide or article on animations in Angular, then please, please provide it.

Answer 1

If human language about the general concept.
When routing is performed, the source component dies, and the route component comes to life. For the source, you create an animation for leaving, and for the target, you create an animation for creating a component.
In any case, he will die - come to life.