How to add customer headers with AngularJS and Restangular

Question

I want to add a header into Restangular X-CSRFToken. How can I do this?

This is what I have tried:

.controller("LoginFormController", ['$scope', 'Restangular', "NoBaseURL",
        function ($scope, Restangular, NoBaseURL) {
            // Submit form
            $scope.submit = function () {

                var token = $('input[name=csrfmiddlewaretoken]').val();


                post_data = {
                    username: $scope.username, password: $scope.password,
                    Restangular.headers: {'X-CSRFToken':token},
                }

                var login_post = NoBaseURL.all('/login/').post(post_data)

                event.preventDefault();
            }

        }])

do you want to add it to every request as a default parameter or a specific one? — Poyraz Yilmaz
– Poyraz Yilmaz, Commented Jul 14, 2014 at 10:05

Poyraz Yilmaz · Accepted Answer · 2014-07-14 10:23:04Z

1

default post method of restangular

post(subElement, elementToPost, [queryParams, headers])

(from document) Does a POST and creates a subElement. Subelement is mandatory and is the nested resource. Element to post is the object to post to the server

EXAMPLE

account.customPOST({name: "My Message"}, "", {}, {headerKey : "headerValue"})

so if we turn it to your solution it would be something like this

NoBaseURL.all('/login/').post(post_data, "", {}, {'X-CSRFToken':token})

hope it helps...

answered Jul 14, 2014 at 10:23

Poyraz Yilmaz

5,8671 gold badge28 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Prometheus Over a year ago

I can get it to work this way around: post_data, "", {"X-CSRFToken": token}, {}

Collectives™ on Stack Overflow

How to add customer headers with AngularJS and Restangular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related