AngularJS: Adding One Resolve to All Routes

angularjs-routes.js

angular
    .module('app')
    .config(config);

function config($routeProvider, $locationProvider) {
    var universalResolves = {
        catalogIds: function ($http, $rootScope, $localStorage, $q) {
            if ($localStorage.catalogIds) {
                return $q.when($localStorage.catalogIds);
            }

            return $http.post($rootScope.app.gatewayApiUrl, {
                'wsCode': 'ptg_getSiteMap',
                'wsRequest': {
                    'SiteType': $rootScope.app.siteType,
                    'Language': $rootScope.app.language,
                    'Domain': $rootScope.app.domain,
                    'Type': 2
                }
            })
            .then(response => {
                // return response.data.result.wsResponse;
                $rootScope.app.headerMenus = response.data.result.wsResponse;

                $rootScope.app.catalogIds = {};

                angular.forEach($rootScope.app.headerMenus, function (value, key) {
                    $rootScope.app.catalogIds[value.code] = value.catalogId;
                });

                $localStorage.catalogIds = $rootScope.app.catalogIds;

                return $rootScope.app.catalogIds;
            });
        }
    };

    var customRouteProvider = angular.extend({}, $routeProvider, {
        when: function (path, route) {
            route.resolve = (route.resolve) ? route.resolve : {};

            angular.extend(route.resolve, universalResolves);

            $routeProvider.when(path, route);

            return this;
        }
    })

    customRouteProvider
        .when('/', {
            templateUrl: 'pages/home.html',
            controller: 'HomeController',
            resolve: {}
        });
    
    $locationProvider.html5Mode(true);
}