
Angular Cookbook
By :

Building user interfaces that are snappy and fast is key to winning users. The apps become much more enjoyable for the end users and it could bring a lot of value to the owners/creators of the apps. One of the core experiences on the modern web is to show a loader when something is happening in the background. In this recipe, you'll learn how to create a global user interface loader in your Angular app that shows whenever there is a route transition in the app.
The project that we are going to work with resides in chapter07/start_here/routing-global-loader
inside the cloned repository:
npm install
to install the dependencies of the project. ng serve -o
. This should open the app in a new browser tab and you should see it as follows:
Figure 7.9 – routing-global-loader app running on...