AngularJS ngResrouce REST Аутентификация

Question

Я пытаюсь изучить AngularJS. Я пытаюсь сделать простой аутентифицированный запрос на получение REST api. На данный момент я просто пытаюсь получить ответ. Я продолжаю получать недопустимый ключ, потому что я не могу отправить заголовки должным образом.

angular.module('App', ['ngResource']); 

function AppCtrl($scope, $resource){ 
$scope.app = $resource('https://theapiurl.com/parameter=:action', 
    {action:'My Parameter works fine!'}, 
    {method: 'GET'}, 
    {headers: 'auth-key' : 'key'}); 
$scope.app.get(); 
} 

Я просто не могу получить заголовок для отправки. Спасибо за прочтение.

Answer 1

Если вы используете 1.1.x углового ресурса + должно работать:

angular.module('App', ['ngResource']); 

function AppCtrl($scope, $resource){ 
    $scope.app = $resource('https://theapiurl.com/parameter=:action', 
     { 
     action:'My Parameter works fine!' 
     }, 
     { 
     get: { 
      method: 'GET', 
      headers : { 'auth-key' : 'key' } 
     } 
     }); 
    $scope.app.get(); 
} 

Если вы используете 1.0.x ветвь это не будет работать. Я считаю, что единственной альтернативой является установка глобальных заголовков по умолчанию в $ httpProvider или непосредственно для пользователя $ http (не используя $ resource). Вот как вы бы установить заголовки по всему миру:

$httpProvider.defaults.headers.get['auth-key'] = 'key'; 

Answer 2

Чтобы избежать установки заголовка в каждом ресурсе можно использовать перехватчик:

app.config(function($httpProvider) { 
    $httpProvider.interceptors.push(function($q) { 
     return { 
      'request': function(config) { 
      config.headers['auth-key'] = 'key'; 
       return $q.when(config); 
      } 
     }; 
    }); 
});