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, angular4, angular2, firebase, webdev, appdevelopment, typescript, javascript, lesson 20170501 qRCj1dGgkM
|
|