AngularJS: Preserve Content-Type header with Restangular

better.js

(function () {
    'use strict';
    
    angular.module('myApp', ['restangular'])
        .config(httpConfig)
    ;
    
    function httpConfig($httpProvider) {
        $httpProvider.interceptors.unshift(interceptor); // use unshift to run before Restangular's interceptor

        function interceptor() {
            return {
                request : requestInterceptor
            };

            function requestInterceptor(config) {
                if (angular.isDefined(config.headers['Content-Type']) && !angular.isDefined(config.data))
                    config.data = '';

                return config;
            }
        }
    }
    
});

good.js

(function () {
    'use strict';
    
    angular.module('myApp', ['restangular'])
        .config(restangularConfig)
    ;
    
    function restangularConfig(RestangularProvider) {
        RestangularProvider
            .addFullRequestInterceptor(preserveContentTypeHeader)
        ;
        
        function preserveContentTypeHeader(element, operation, route, url, headers, params, httpConfig) {
            if (angular.isDefined(headers['Content-Type']) && !angular.isDefined(httpConfig.data))
                    httpConfig.data = '';
        }
    }
    
})();

The AngularJS $http service strips the Content-Type header from any request that does not have data defined in its config (see this question on StackOverflow). This is an example of how to solve the problem when using Restangular instead of $http.

Do you really need Restangular over $http? It would seem like such a common task for Angular to have to send Content-Type headers. What does Restangular have that $http doesnt?