Non-lag animated page transition in Angular?

Question

Angular

I found one correct solution with the help of ngAnimate, but:
1. I'm not satisfied with the fact that the animation is not clear how (if at all possible) to track. More specifically: if I go to another page, then on a slow Internet, it would not be bad to display the preloader in between these actions.
2. With an animated approach to changing pages, you need to twist them to the beginning. How to implement it CORRECTLY.
Thanks in advance.

Answer 1

The preloader can be shown through a combination of onRouteChangeStart and the resolve parameter in the route.
That is, in resolve we return a Promise that loads the content, and RouteChangeSuccess will not happen until the Promise resolves. Here is a good article about resolve: ode2code
Scrolling can be added to the onRouteChangeSuccess event for example. It's not very clear what exactly you mean by scrolling, an example would be very helpful.
Regarding the slow Internet: it makes sense to pack all the templates into a .js file. For grunt there is this thing: github. It collects the templates in a js file and puts them in the templateCache of the angular. There will be a small overhead at startup, but there will be no additional loading at the first use of the template.