Why does angular $resource add extra objects ($promise, $resolve…) to my data response?

Question

I return a resource with a URL

    $resource(\"http://foo.com/bar.json\").get().
         $promise.then(function(data){ $scope.result = data}, 
                     


        

Answer 1

To automatically remove them from every request, you can add an interceptor:

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

config.$inject = ['$httpProvider'];
function config($httpProvider) {
    $httpProvider.interceptors.push(interceptor);
}

interceptor.$inject = [];
function interceptor() {
    return {
        request: (config) => {
            if (config.data) {
                delete config.data.$promise;
                delete config.data.$resolved;
            }
            return config;
        }
    };
}