AngularJS 게시물의 글로벌 헤더

Question

AngularJS를 사용하여 jQuery와 비슷한 글로벌 헤더를 만들려면 어떻게해야합니까? 이 같은

뭔가 :

$.ajaxSetup({ 
    beforeSend: function (xhr) { 
     xhr.setRequestHeader('Requested-With', 'XMLHttpRequest'); 
     xhr.setRequestHeader('__RequestVerificationToken', 'abc123'); 
    } 
}); 

가 지금 내가이 일을 :

$http({ 
    url: 'mysite.com/', 
    method: 'POST', 
    data: 'data', 
    headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
}) 

Answer 1

와우 ... 그것은 바로 내 얼굴 앞에 있었다!

"설정 헤더"섹션을 @charlietfl로 읽는 것은 정말 간단합니다.

http://docs.angularjs.org/api/ng.$http

HTTP 헤더는 $ HTTP 서비스가 자동으로 모든 요청에 ​​특정 HTTP 헤더를 추가합니다 설정.

추가하거나 이러한 기본값을 덮어 간단하게 추가하거나 이러한 구성 개체에서 속성 을 제거하려면 : 이러한 기본값은 완전히 현재이 기본 구성을 포함하는 $ httpProvider.defaults.headers을 구성 개체, 에 액세스하여 을 구성 할 수 있습니다. POST 또는 PUT 이외의 HTTP 메소드 에 대한 헤더를 추가하려면 HTTP 메서드 이름 의 소문자를 키로 사용하여 새 객체를 추가하기 만하면됩니다.

$httpProvider.defaults.headers.post = { 'My-Header' : 'value' } 

예제 코드

var app = angular.module('app', ['app.controller', 'app.service']); 

app.config(function ($httpProvider) { 
    $httpProvider.defaults.headers.post = { "X-Requested-With": "XMLHttpRequest", "__RequestVerificationToken": $('[name=__RequestVerificationToken]').val() }; 
});