Loading Spinners for Asynchronous Firebase Data

In this episode, I will show you how to display and hide a loading spinner when retrieving asynchronous Firebase data from an Angular application. Loading indicators are an important UI feature because they show the end user when more data is incoming. Step 1 - Create the Spinner component We’re going to create a SpinnerComponent that can be reused throughout the application. To make it look cool, I am using Spinkit CSS library, which we can just be copied directly into the component’s CSS and HTML files. You do not need to change anything in the component’s TypeScript. Step 2 - Retrieve Aschronous Data We need to load some data from Firebase to make use of the spinner. In this example, I am loading a ` ... #angular #angular_4 #angular_2 #firebase #webdev #app_development #typescript #javascript #lesson 20170501 qR-Cj1dGgkM