AngularJS，如何在工厂中正确修改HTTP标头

Question

I am hoping an Angular guru can point me in the right direction. When using a factory in the format below, how do I modify the header for POST so that:

'Content-Type':'application/x-www-form-urlencoded; charset=UTF-8'?

The code:

var tableModule = angular.module('theApp', ['ui-rangeSlider','ngScrollbar']);

tableModule.factory('Services', ['$http',
function($http) {
    return {
        get : function($path, callback) {
            return $http.get($path).success(callback);      
        },
        post : function($path, $data, callback) {
            return $http.post($path, $data).success(callback);
        }   
    };
}]);

Answer 1

I tried something like this earlier. The method would look like

$scope.update = function (user) {
        $http({
            method: 'POST',
            url: 'https://mytestserver.com/that/does/not/exists',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            },
            transformRequest: function (data) {
                var postData = [];
                for (var prop in data)
                postData.push(encodeURIComponent(prop) + "=" + encodeURIComponent(data[prop]));
                return postData.join("&");
            },
            data: user
        });
    }

Also see my fiddle http://jsfiddle.net/cmyworld/doLhmgL6/

Answer 2

Why not simply use the third config argument to $http.post ...

post: function(path, data) {
    return $http.post(path, data, {
        headers: {
            'Content-type': 'application/x-www-form-urlencoded'
        }
    });
}