Show spinner GIF during an $http request in AngularJS?

Question

I am using the $http service of AngularJS to make an Ajax request.

How can a spinner GIF (or another type of busy indicator) be shown while the Ajax request is executing?

I don't see anything like an ajaxstartevent in the AngularJS documentation.

Answer 1

For showing spinner GIF during a $http request in AngularJS it depends on your specific use case, 

Looking for Angularjs material from basics! Refer to this video on Angularjs provided by Intellipaat:

but a simple way would follow a pattern like as follows:-

.controller('MainCtrl', function ( $scope, myService ) { 

$scope.loading = true; 

myService.get().then( function ( response ) {

$scope.items = response.data; 

}, function ( response ) { 

// TODO: handle the error somehow 

}).finally(function() { 

// called no matter success or failure 

$scope.loading = false; 

}); 

});