How to Display Spinner on the Screen till the data from the API loads using Angular 8 ?

The task is to display a spinner on the page until the response from the API comes. Here we will be making a simple CSS spinner which will load till the data from API comes. You can also take bootstrap spinners or can make spinner on your own.

Prerequisite: You will need some knowledge for making Http get() requests from API and getting data.

Here you will need an API for getting data. A fake API can also be created and data can be used to display. We already have a fake API that contain the following data:

Approach: