How to make a whole app loading indicator using angularjs?

Question

Angular

You need to make it so that only the indicator is displayed until certain scripts are loaded and all responses from the server come

Answer 1

Angular Loading Bar
I was looking for something similar for my project, and settled on this one. Shows a progress bar at the top of the page (like mobile browsers or Toaster)
If you need to hide some elements, use ng-hide, see more here: www.code-hound.com/add-a-preloader-to-your-website ...
You can use the Angular analog in the controller
However, it is written in the docs that in any case all controllers are initialized after DOMContentLoaded: https://docs.angularjs.org/guide/bootstrap so you can try to immediately register in the controller $scope.isReady = true
and hang a directive on the block with the preloader ng-hide=isReady, which will work immediately after initialization controller.

Answer 2

In principle, there is no normal solution for this. Because new files constantly appear and are loaded dynamically.
Not normal - a list of files, a callback when each is loaded, and manual tracking and % counting.
https://toster.ru/answer?answer_id=806202#answers_...