AngularJS，如何在工廠中正確修改HTTP標頭

Question

我希望Angular大師可以指出正確的方向。 使用以下格式的工廠時，如何修改POST的標頭，以便：

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

編碼：

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

我之前嘗試過類似的方法。 該方法看起來像

$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
        });
    }

另請參閱我的小提琴http://jsfiddle.net/cmyworld/doLhmgL6/

Answer 2

為什么不簡單地使用$http.post的第三個配置參數...

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