comment définir des en-têtes personnalisés avec un $ressource d'action?

avec $http, on peut faire ceci:

var config = { headers: { 'something': 'anything' } };          
$http.get('url/to/json', config)
    .success(function() {
        //do something…
    })

je voudrais faire la même chose avec un $de référence de ressource (pas de travail):

var config = { headers: { 'something': 'anything' } };
MyResource.get( 
    config,
    function() { //success
        //do something…
    }
);

avec le service correspondant déclaré comme ceci :

.factory('MyResource', function($resource){
    return $resource('url/to/json');
})

ça ne fonctionne pas : l'objet de config va à l'url et pas dans les en-têtes http.

Est-il un moyen de le faire ?

InformationsquelleAutor François Romain | 2013-09-20

angularjs

82

headers pour $resource est disponible depuis AngularJS 1.1.1. Assurez-vous que vous avez la bonne version utilisée.

Le format est
```
$resource('url/to/json', {}, {headers: { 'something': 'anything' }});
```
[modifier par zuma]
Le ci-dessus ne semble pas juste. Le troisième paramètre $ressource doit être un autre. Cela semble plus correct pour moi:
```
$resource('url/to/json', {}, {
    get: {
        method: 'GET',
        headers: { 'something': 'anything' }
    }
});
```
- je tiens à mettre les en-têtes personnalisés lors de l'utilisation d'un MyResource.action() à partir du contrôleur, et non pas du service (comme dans mon exemple).
- Le troisième paramètre doit être un objet où est la clé de la méthode, comme get, post, ou une méthode personnalisée, et c'est la valeur doit être un objet qui a une "méthode" clé avec la valeur de la méthode http, comme OBTENIR des, et les en-têtes de l'objet.
- Si vous avez besoin d'utiliser l'encodage Base64? Je n'arrive pas à récupérer les en-têtes: { 'Autorisation': "Base" + Base64.encode("quelque chose" + ":" + "n'importe quoi")} travailler.
- Je pense que cette question a la mauvaise réponse est sélectionnée, n'en déplaise...
- Ne fonctionne pas avec une requête post, (méthode save)
- mais tout le monde peut voir ces en-têtes dans le code source? Comment puis-je envoyer une clé API sans que le public en général prise en main et d'abuser de mon compte avec un service REST?
- Ancien commentaire, mais cela m'avait confondu trop, donc pour la postérité: il est essentiel que la connexion entre le client et le serveur sont cryptées. C'est la façon de protéger les informations d'en-tête
- Ce ne serait pas vous aider avec des en-têtes dynamiques.
InformationsquelleAutor zs2020

La headers objet à l'intérieur d'une ressource d'action prend en charge les deux static valeurs de ses champs, mais aussi dynamic valeurs de retour d'une fonction.

$resource('url/to/json', {}, {
        get: {
            method: 'GET',
            headers: { 
               'header_static': 'static_value',
               'header_dynamic': dynamicHeaderVal
            }
        }
});

function dynamicHeaderVal(requestConfig){
     //this function will be called every time the "get" action gets called
     //the result will be used as value for the header item
     //if it doesn't return a value, the key will not be present in the header
}

Oui, j'ai besoin d'une dynamique de l'en-tête!
Ce n'est pas de travailler plus.
Shout out à l'incroyable réponse!

InformationsquelleAutor MoonStom

15

Le Code De Démonstration
```
angular.module('Test',['ngResource'])
 .controller('corsCtrl', function ($scope, $http, MyResource) {

  $http.defaults.headers.common['test']= 'team'; //Using $http we can set header also
  MyResource.get();
})
.factory('MyResource', function($resource) {   //Services
  return $resource('url/to/json');
})
```
JsFiddle DÉMO
```
see in Request Header
```
- en fait, c'est ce que je fais déjà, mais je me demandais si il était possible d'éviter les $http.defaults.headers… ligne et d'utiliser quelque chose de spécifique à $ressource. btw, connaissez-vous la différence entre $http.defaults.headers.common et $httpProvider.defaults.headers.common ?
- $httpProvider besoin de définir dans la configuration de l'e.g application.config(function(httpProvider) { ...})
- j'ai demandé à une autre question liée avec cette syntaxe : stackoverflow.com/questions/18920255/...
- sinon, comment allez-vous ajouter un en-tête ?
- j'ai été expeting une solution avec $ressource uniquement: pass les en-têtes comme un paramètre ou quelque chose comme ça. mais apparemment, c'est pas possible
- Vérifiez ceci: stackoverflow.com/questions/22750366/...
InformationsquelleAutor Nitish Kumar
2

À utiliser "Content-Type" en-tête, vous pouvez avoir besoin de spécifier les données de l'organisme au moins pour les versions autour de 1.4.7+ en raison de $http suppression d'en-têtes sans corps de données qui sont = = = "content-type". Voir n ° 10255 dans 1.4.7/angular.js

Je viens de mettre des données": false," à l'usurpation, sans spécifier de données de corps:
```
$resource('url/to/json', {}, {
    get: {
        method: 'GET',
        data: false,
        headers: { 'something': 'anything' }
    }
});
```
InformationsquelleAutor dingus9

Vous pouvez définir la dynamique d'un hors-têtes en accédant à la configuration de l'API objet dans la ressource

Le Code De Démonstration

angular.
.factory('Resource',['$resource',function($resource){return $resource(baseUrl+'/resource/:id', {id: '@_id'}, {
update    : {
  method  : 'POST',
  url     : baseUrl+'/resource/:id',
  headers : {
    'custom-header': function(config) {
      //access variable via config.data
      return config.data.customHeaderValue;
    }
  },
  transformRequest: function(data) {
    //you can delete the variable if you don't want it sent to the backend
    delete data['customHeaderValue'];
    //transform payload before sending
    return JSON.stringify(data);
  }
} 
});
}]);

Pour exécuter

Resource.update({},{
  customHeaderValue: setCustomHeaderValue
},
function (response) {
  //do something ...
},function(error){
  //process error
});

InformationsquelleAutor Abiola Fajimi

Vous devez vous connecter pour publier un commentaire.