How to make preloader before loading angular.js application?

Question

Angular

Hello! How to make a preloader before loading page content. On the example of a simple block with text. Those. before you see the text, you need to "twist" the preloader over the entire page.
To be honest with the preloaders, I just now became interested in close ... before that they were not needed.
The whole question is how to hide the block and show the preloader, and then vice versa. A living example would be, and then I'll figure it out.
For example jsfiddle.net/xfuf045q/9

Answer 1

Like this: jsfiddle.net/a8zxk26o

Answer 2

https://docs.angularjs.org/api/ng/directive/ngCloak

Answer 3

Look towards events, ajax requests. Before starting the request, create a variable in the scope of the current controller with a value of false, and at the end of true. And already in the view, you show / hide the block depending on the value of the variable.