https://autodropmachine.com/angular/shared/spinner/angular-loading-spinner.js

1(function () {
2    angular.module('ngLoadingSpinner', ['angularSpinner'])
3    .directive('usSpinner', ['$http', '$rootScope', '$location',  
4        function ($http, $rootScope, $location, config) {
5        return {
6            link: function (scope, elm, attrs) {
7                $rootScope.spinnerActive = false;
8                scope.isLoading = function () {
9                    return $http.pendingRequests.length > 0;
10                };
11               
12                scope.$watch(scope.isLoading, function (loading) {
13              
14                   
15                    console.log($location.path());
16                    $rootScope.spinnerActive = loading;
17                    if (loading) {
18                       // var httpPath = $http.pendingRequests[0].url;
19                        //var exception = [config.serviceBase + 'assets/GetAssetBySubSector', ''];
20                        //if (exception.indexOf(httpPath) > -1) {
21                        //    return;
22                       // }
23                        elm.removeClass('ng-hide');
24                        $('.wrapper').css('opacity', '0.3');
25
26                    } else {
27                        elm.addClass('ng-hide');
28                        $('.wrapper').css('opacity', '1');
29                    }
30                });
31            }
32        };
33
34    }]);
35}).call(this);