Angular 7/8 | HTTP Global Spinner Loader using ng-http-loader Tutorial by Example

In this tutorial, we will implement a global Spinner Loader in the Angular project by using a third-party package. The Spinner loader is shown whenever there is a pending HTTP call using Interceptors. This spinner loader comes with many configuration settings to customize its look and feel in your project.

Angular interceptors were introduced after version 4.3, which are used to handle HTTP calls behavior to the next level. This Loader Spinner also creates an interceptor to show or hide spinner loader automatically, but we can also control it to show/ hide manually for specific situations. Continue reading Angular 7/8 | HTTP Global Spinner Loader using ng-http-loader Tutorial by Example

Angular 7/8 | How to Cancel HTTP Calls on Router Change

Angular Interceptors play an important role to control and manipulate HTTP calls behavior which we do to get remote data from the server.

In this tutorial, we will get to know how to cancel unnecessary HTTP get, post or any request to server after a user route to another component in an application using Angular Interceptor services. Continue reading Angular 7/8 | How to Cancel HTTP Calls on Router Change

Angular 7/8 | HttpClient Service Tutorial to Consume RESTfull API from Server

In this tutorial, we will learn how to quickly integrate HttpClient service in Angular 8 application to consume RESTful API JSON data from the server.

HttpClient enables the communication between client and server through many available methods like get(), post(), put(), delete() etc. We will also add Error handling techniques using RxJS operators at one place in our service.

For demonstrating real-world scenarios, here we will create a Student management application with the following operations:

  • Create a new Student record using the post() method.
  • List/Get Students data to show in a table using get() method.
  • Update any Student data by clicking on Edit put() method.
  • Delete any Student by clicking Delete on table row using delete() method.

Continue reading Angular 7/8 | HttpClient Service Tutorial to Consume RESTfull API from Server